﻿body { margin: 0px; background-color: #EBEBEB; font-family: Arial, Tahoma, Verdana; font-size:70%; }

.BtBody { background-color:#0a0b0b; }

img { border: 0px; }

.FloatLeft  { float: left; }
.FloatRight { float: right; }

.contentboxlayout-container { border:solid 1px #C3C3C3; padding: 10px; margin: 10px; }

#siteContainer {
	width: 982px;
	padding: 0px;
	color: inherit; text-align: left;
}
.HeaderLogoNavigation {
	margin-top:25px; height:44px;
	margin-bottom:15px; position: relative; z-index: 99;
	/*background: transparent url(Menu/background.gif) repeat-x 0px 0px;*/
}
.TwebLogo { float:left; width:246px; height:36px; _margin-right:-3px;}
.Navigation { margin-left:193px; _margin-left:190px; position: relative; z-index: 999999; }

.DefaultFlashBG { height: 438px; margin-bottom: 19px; position: relative; z-index: 1; }

.DefaultMidleSmallBoxBG { height: 182px; position: relative; margin-right: -20px; margin-bottom:18px; }

.DefaultMidleSmallBoxBGHeight { height: 145px; position: relative; }

.DefaultSmallBoxTitle { color: #363636; font-weight: bold; text-decoration:none; font-family: Arial, Tahoma, Verdana; font-size:150%; }

.MoreRedLink { color: #B52126; text-decoration: none; }
a.MoreRedLink:visited { color: #B52126; text-decoration: none; }
a.MoreRedLink:link    { color: #B52126; text-decoration: none; }
a.MoreRedLink:hover   { color: #363636; text-decoration: none; }

.DefaultMidlePhotoBoxMidle { min-height: 450px; _height: 450px; position: relative; overflow-y: visible; overflow-x: hidden;  }

.DefaultMidleTextBoxMidle {	min-height: 450px; _height: 450px; width: 100%; position: relative; overflow-y: visible; overflow-x: hidden;  }

.DefaultCreative {
	position: absolute; z-index: 1000; width: 352px; height: 166px; top:-20px; margin-left:-25px;
	background-image: url(/media/images/prestaging/creative-zone.png); background-repeat: no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/prestaging/creative-zone.png', sizingMethod='scale');
}

.DefaultPhotoBoxPadding { padding: 85px 0px 20px 30px; width:948px; margin-left: -45px; _height:1%; position:relative; }

.DefaultPhotoBoxBG { width: 214px; float: left; margin: 0px 0px 20px 20px; height:164px; position:relative; display:inline; }

.PhotoBoxTextLinkOver { color: #FFFFFF; background-color: #1D1D21; height:45px; width:214px; padding: 0px; position: absolute; margin-top:-18px; display: block; text-decoration: none; text-transform:uppercase; }
a.PhotoBoxTextLink:visited { color: #FFFFFF; background-color: #4A4A4A; _height:1%; padding: 5px; display: block; text-decoration: none; text-transform:uppercase; }
a.PhotoBoxTextLink:link    { color: #FFFFFF; background-color: #4A4A4A; _height:1%; padding: 5px; display: block; text-decoration: none; text-transform:uppercase; }
a.PhotoBoxTextLink:hover   { color: #FFFFFF; background-color: #1D1D21; _height:1%; padding: 5px; display: block; text-decoration: none; text-transform:uppercase; }

.DefaultTextBoxRight { width: 455px; float: right; padding: 0px 7px 10px 20px; color: #363636; line-height: 18px; text-align:justify; }
.DefaultTextBoxLeft  { margin-right: 494px; border-right: #CCCCCC 1px solid; padding: 0px 20px 10px 7px; color: #363636; line-height: 18px; text-align:justify; }


.DefaultMidleBotBoxBG { height: 297px; position: relative; display: block; }

.DefaultMidleBotBoxBGRight { width: 658px; height: 217px; float: right; _margin-left: -3px; }
.DefaultMidleBotBoxBGLEft  { margin-right: 668px; _margin-right: 670px; text-align: center; _height: 1%; }

.DefaultMidleBotBoxChateText { color: #626262; line-height: 20px; padding: 15px 0px 25px 0px; font-size:130%; font-family: "Myriad Pro", Arial, Tahoma, Verdana; }
.DefaultMidleBotBoxText { color: #626262; line-height: 20px; padding: 0px 0px 20px 0px; font-size:130%; font-family: "Myriad Pro", Arial, Tahoma, Verdana; }

.StartBut { margin-top: 17px; }

input    { width: 242px; border: #6B6C70 1px solid; margin: 6px 0px 7px 0px; }
.inputOverwrite { border: none; width: 247px; margin: 0px; padding: 2px 0px 2px 0px; }

.inputGallery { border: none; margin: 0px; width: auto; }

textarea { width: 340px; height: 65px; border: #6B6C70 1px solid; margin: 6px 0px 17px 0px; font-family: "Myriad Pro", Arial, Tahoma, Verdana; }

.DefaultHelpBoxLeft  { width: 242px; float: left; color: #363636; }
.DefaultHelpBoxRight { margin-left: 262px; color: #363636; }

.FooterText { color: #ABABAB; text-align: center; margin-bottom: 20px; _margin-bottom: 0px; }

.BespokeFooterText { color: #ABABAB; text-align: right; margin-bottom: 20px; _margin-bottom: 0px; font-size: 95%; }


a.FooterTextLink:visited { color: #ABABAB; text-decoration: none; }
a.FooterTextLink:link    { color: #ABABAB; text-decoration: none; }
a.FooterTextLink:hover   { color: #000000; text-decoration: none; }


.BoxContainer { margin-bottom: 20px; background-color:#FFFFFF;}
.BoxBrdrTop 	{ position:relative; background-image:url(/media/images/box/brdr-top.gif); background-repeat:repeat-x; background-position:top; }
.BoxBrdrBot 	{ position:relative; background-image:url(/media/images/box/brdr-bot.gif); background-repeat:repeat-x; background-position:bottom;}
.BoxBrdrLeft	{ position:relative; background-image:url(/media/images/box/brdr-left.gif); background-repeat:repeat-y; background-position:left;}
.BoxBrdrRight	{ position:relative; background-image:url(/media/images/box/brdr-right.gif); background-repeat:repeat-y; background-position:right;}

.BoxCurveLeftTop 	{ position:relative; background-image:url(/media/images/box/corner-left-top.gif); background-repeat:no-repeat; background-position:left top;}
.BoxCurveLeftBot 	{ position:relative; background-image:url(/media/images/box/corner-left-bot.gif); background-repeat:no-repeat; background-position:left bottom;}
.BoxCurveRightTop	{ position:relative; background-image:url(/media/images/box/corner-right-top.gif); background-repeat:no-repeat; background-position:right top;}
.BoxCurveRightBot	{ position:relative; background-image:url(/media/images/box/corner-right-bot.gif); background-repeat:no-repeat; background-position:right bottom;}

.BoxPadding {
	position:relative;
	padding: 15px 22px 20px 22px;
	line-height: 18px; color: #363636;
}

.Tips
{
   position:absolute;
   left:510px;
    }
    


.BoxBotContainer { margin-bottom: 20px; background-color:#FFFFFF; }
.BoxBotBrdrTop 	{ position:relative; background-image: url(/media/images/box/brdr-bot-top.gif); background-repeat:repeat-x; background-position:top; }
.BoxBotBrdrBot 	{ position:relative; background-image:url(/media/images/box/brdr-bot-bot.gif); background-repeat:repeat-x; background-position:bottom;}
.BoxBotBrdrLeft	{ position:relative; background-image:url(/media/images/box/brdr-bot-left.gif); background-repeat:repeat-y; background-position:left;}
.BoxBotBrdrRight	{ position:relative; background-image:url(/media/images/box/brdr-bot-right.gif); background-repeat:repeat-y; background-position:right;}

.BoxBotCurveLeftTop 	{ position:relative; background-image:url(/media/images/box/corner-bot-left-top.gif); background-repeat:no-repeat; background-position:left top;}
.BoxBotCurveLeftBot 	{ position:relative; background-image:url(/media/images/box/corner-bot-left-bot.gif); background-repeat:no-repeat; background-position:left bottom;}
.BoxBotCurveRightTop	{ position:relative; background-image:url(/media/images/box/corner-bot-right-top.gif); background-repeat:no-repeat; background-position:right top;}
.BoxBotCurveRightBot	{ position:relative; background-image:url(/media/images/box/corner-bot-right-bot.gif); background-repeat:no-repeat; background-position:right bottom;}

.BoxBotPadding {
	padding: 15px 22px 20px 22px;
	line-height: 18px; color: #363636;
}


.DefaultMidleSmallBoxBGFix { width: 315px; float: left; margin-right: 19px; }
.DefaultBoxHeight { height:125px; }
.DefaultMidleBotBoxBGPadding     { width: 618px; position: relative; display: block; height: 242px; padding-top:6px; }
.DefaultMidleBotBoxLiveBGPadding { width: 265px; position: relative; display: block; height: 242px; padding-top:6px; }

.clear {clear:both;}


.DefaultTextBoxTitle { color: #363636; font-weight: bold; font-family:Tahoma, Arial, Verdana; padding:0px 0; margin-bottom: 8px; font-size:150%; }
.AboutTextBoxRight { margin-left: 185px; padding-left: 25px; padding-top:14px; }
.AboutTextBoxLeft  { float: left; width: 160px; border-right: #CCCCCC 1px solid; padding-right: 25px;  padding-top:14px;}

.AboutTextTitle { margin-bottom: 10px; }

.AboutImageName { font-size: 110%; font-weight: bold; padding: 6px 0px 12px 0px; }


.TopTitleBG { height: 45px; padding-top: 0px; position: relative; }

.SubTitle 	   { margin-right: 200px; padding-top: 0px; padding-left: 17px; }
.TopTitleRight { float: right; width: 200px; text-align: right; padding-top: 5px; margin-right: 10px; }

.topOptionSplitter
{
	float: right; width: 1px; height: 29px; background-color: #a8a7a8; margin-top: 6px;
}

.LiveChatTop 
{ 
	float: right; width: 120px; text-align: right; padding-top: 5px; 
	margin-top: -5px; 
}

.TopSendText { font-size: 120%; color: #6B6A6A; margin-top: 3px; }

.BridgeFlashBG { margin-bottom: 20px; }
.PropertyWebsiteFlashBg { height: 401px;}

ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;	list-style: none; font-size: 100%; _height:1%; }
li { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;
	background-image: url(/media/images/prestaging/icon.gif); background-repeat: no-repeat; background-position: left 6px;
}

.BridgeLeftText  { width: 160px; float: left; margin-bottom: 15px; }
.BridgeRightText { margin-left: 160px;  margin-bottom: 15px; }

.BridgeIconBG {  }

.ClassicWebsiteLeft  { float: left; width: 245px; border-right: #CCCCCC 1px solid; padding-right: 20px; _margin-left: -20px;  }
.ClassicWebsiteRight { margin-left: 270px; _margin-left:0px; padding-left: 15px; padding-top: 0px; height: 1%; }

.ProDetailsWebsiteLeft  { float: left; width: 245px; border-right: #CCCCCC 1px solid; padding-right: 20px; }
.ProDetailsWebsiteRight { padding-left: 15px; padding-top: 20px; height: 1%; }



.GalleryWebsiteLeft  { float: left; width: 245px; border-right: #CCCCCC 1px solid; padding-right: 20px; _padding-right: 0px; }

.ClassicLeftIcon { padding: 10px 0px 20px 0px; }

/*.TryBG {
	height: 114px;
	background-image: url(/media/images/prestaging/try-bg.jpg); background-repeat: no-repeat; background-position: right bottom;
}*/

.ClassicPropfileImageBox { width: 205px; margin-right: 15px; float: left; margin-bottom: 40px; display:inline; }

.ClassicWebsiteRightFix { width: 660px; margin-right: -15px; }

.LondiniumTitle { font-size: 130%; font-weight: bold; }

.ClassicPropfileBotTextBG { position: absolute; z-index: 1000; margin-top: -25px; margin-left: 7px; }

.ProPropfileBotTextBG { position: absolute; z-index: 1000; margin-left: 14px; }

.ProReference
{
    width: 80px; float: left; margin-right: 10px;
}

.ProPrice
{
    width: 83px; float: left; margin-right: 10px;
}

.ProDisplayOrder
{
    background-image: url(/media/images/prestaging/pro-display-by-bg.gif); background-repeat: repeat-x;
    border: solid 1px #d7d5d5; height: 35px; width: 930px; background-color: #f1f1f1;
}

.ProDesignOrder
{
    padding: 6px 0px 0px 0px;
}

.ProLiveExamples
{
    border: solid 1px #c0bebe; height: 25px; width: 935px; background-color: #f1f1f1;
    margin-bottom: 14px; padding: 0px 0px 0px 0px;
}

.ExampleSeperator
{
    position: absolute; left: 70px;
    top: 0px;
}

.ExampleSeperator2
{
    position: absolute; right: 185px;
    top: 0px;
}

.LiveExamplesText
{
    padding: 3px 0px 0px 15px;
}

.ProDisplayBy
{
    float: left;  padding: 8px 15px 0px 10px;
    font-weight: bold;
}

.ProGalleryMainImageContainer
{
    overflow: hidden;
    width: 617px; margin-right: 20px;
    float: left;
}

.ProGalleryExtraImageContainer
{
    border: solid 1px #c7c5c5; overflow: hidden; bacground-color: #fafafa;
    width: 295px; float: left; background-position: bottom; padding-bottom: 10px;
    background-image: url(/media/images/prestaging/pro-included-container.gif); background-repeat: repeat-x;
}

.DesignContainer
{
    color: #FFFFFF; padding: 10px 20px 36px 20px;
    font-size: 105%;
}

.ProGalleryInfo
{
    background-image: url(/media/images/prestaging/ProGalleryOptions-bg.gif); background-repeat: repeat-x;
    height: 68px; background-position: top;
}



.EstatewebFlashBG { height: 407px; }
.EstatewebCIPBG { height: 510px; }

.EstatewebCMSFlashBG { height: 567px; }

.XmasBox {	position: relative; }


.ClassicMidleTextBoxMidle {	min-height: 425px; _height: 425px; position: relative; }
.ClassicMidleTextBoxMidleiphone {	min-height: 315px; _height: 315px; position: relative; }
.CIPMidleTextBoxMidle {	min-height: 255px; _height: 255px; position: relative; line-height:110%; font-family:"Myriad Web", Tahoma, Arial, Verdana; font-size:110%; color:#4D4D4D; }

.ClassicInfoRight {
	width: 285px; float: right; border-left: #CCCCCC 1px solid; height: 235px; _margin-left: -3px; padding-left: 20px; position:relative;
	background-image: url(/media/images/prestaging/information-sheet.jpg); background-repeat: no-repeat; background-position: right bottom;
}
.ClassicInfoLeft  {
	width: 285px; float: left; border-right: #CCCCCC 1px solid; height: 235px; _margin-right: -3px; padding-right: 20px;  position:relative;
	background-image: url(/media/images/prestaging/live-examples.jpg); background-repeat: no-repeat; background-position: right bottom;
}
.ClassicInfoMidle {
	margin-left: 305px; _margin-left: 302px; margin-right: 305px; _margin-right: 302px; height: 250px; padding: 0px 20px;
	background-image: url(/media/images/prestaging/Layout.jpg); background-repeat: no-repeat; background-position: right bottom;
}

.ClassicMidleTopBoximage { margin-bottom:-18px; }


.ClassicInfoMidleBGTextBox { height: 165px; }

.PricingBoxRight { width: 460px; float: right; }
.PricingBoxLeft  { margin-right: 460px; padding-right: 30px; }

.Line { border-bottom: #CCCCCC 1px solid; height: 120px; margin-bottom: 20px; }

.PricingBoxTextRight { width: 100px; float: right; _margin-left: -3px; text-align: right; padding-top: 10px; }
.PricingBoxTextLeft  { margin-right: 110px; _margin-right: 107px; padding-top: 10px; }

.PricingBoxCall { border-top: #CCCCCC 1px solid; padding: 20px 0px 0px 20px; }

.FireSafety { padding: 10px 0px; }

.ManagmentTextBoxRight { width: 430px; float: right; padding: 0px 7px 10px 20px; color: #363636; line-height: 18px; text-align:justify; }
.ManagmentTextBoxLeft  { width: 440px; float: left; border-right: #ccc 1px solid; padding: 0px 27px 10px 7px; color: #363636; line-height: 18px; text-align:justify; }

.ContentManagmentFlashBG { height: 488px; margin-bottom: 20px; }

.ContactTextBoxLeft  { width: 250px; float: left; }
.ContactTextBoxRight { margin-left: 250px; padding-left: 26px; border-left: #CCCCCC  1px solid; }

.ContactMidleMapBG { padding: 20px 0px; }

.DomainMidleLeft  { width: 200px; float: left; margin-left: -16px; height: 460px; padding-top: 5px; position: relative; border-right: #CCCCCC 1px solid; }
.DomainMidleRight { margin-left: 200px; }

.DomainBoxPadding {
	background-image:url(/media/images/prestaging/domain-box-top.gif);
	background-repeat:no-repeat;
	position:relative;
	_height:1%;
	padding: 15px 15px 20px 15px;
	line-height: 18px; color: #363636;
}

a:visited.DomainLeftLink { color: #5C5C5C; text-decoration: none; font-size: 110%; height: 25px; width: 175px; padding: 6px 0px 0px 20px; display: block; background-image: url(/media/images/prestaging/download-arrow.gif); background-repeat: no-repeat; }
a:link.DomainLeftLink    { color: #5C5C5C; text-decoration: none; font-size: 110%; height: 25px; width: 175px; padding: 6px 0px 0px 20px; display: block; background-image: url(/media/images/prestaging/download-arrow.gif); background-repeat: no-repeat; }
a:hover.DomainLeftLink   { color: #363636; text-decoration: none; font-size: 110%; height: 25px; width: 175px; padding: 6px 0px 0px 20px; display: block; background-image: url(/media/images/prestaging/download-arrow-over.gif); background-repeat: no-repeat; }

.DomainMidleBoxBGFix { width: 474px; margin-top: 10px; background-image:url(/media/images/prestaging/domain-box-bg.gif); background-repeat:repeat-y; }

.DomainTextBox { width: 277px; vertical-align: middle; border: #ABADB3 1px solid; color: #000000; font-size: 140%; font-weight: bold; padding-left: 5px; }
.DomainRightTextBox { width: 132px; margin-left: 10px; vertical-align: middle; border: #ABADB3 1px solid; color: #000000; font-size: 140%; font-weight: bold; padding-left: 5px; }

.PayOnlineMidleLeft  { width: 200px; float: left; margin-left: -16px; height: 670px; padding-top: 5px; position: relative; border-right: #CCCCCC 1px solid; }
.PayOnlineMidleRight { margin-left: 200px; }

.PayOnlineTextBox { width: 190px; vertical-align: middle; border: #ABADB3 1px solid; color: #000000; font-size: 90%; font-weight: bold; padding-left: 5px; }

.PayOnlineBoxBG { width: 234px; float: left; font-size: 150%; margin-bottom: 15px; }
.PayOnlineBoxRightBG { width: 210px; float: left; font-size: 150%; margin-bottom: 15px; }

.ModulesFlashBG { height: 248px; margin-bottom: 20px; }

.ModulesTextImage { position: absolute; z-index: 1000px; float: right; margin-left: 285px; margin-top: -10px; }
.ModulesTextPaseImage { position: absolute; z-index: 1000px; float: right; margin-left: 275px; margin-top: -10px; }
.ModulesTextRightImage { position: absolute; z-index: 1000px; float: right; margin-left: 310px; margin-top: -10px; }

.PortalFeedsText { width: 144px; float: left; }

.PortalFeedsBoxFix { height: 250px; margin-top: 20px; }

.RegisterBoxCall { border-top: #CCCCCC 1px solid; padding: 50px 0px 0px 10px; }

.SearchEngliseBoxCall { border-top: #CCCCCC 1px solid; padding: 25px 0px 0px 0px; }

.ProWebsitesTopBoximage { margin-bottom:-18px; margin-right: -22px; }

.ProWebsitesRight {
	width: 285px; float: right; border-left: #CCCCCC 1px solid; height: 250px; _margin-left: -3px; padding-left: 20px; position:relative;
	margin-right:2px; _margin-right:1px;
	background-image: url(/media/images/prestaging/pro-add-image.jpg); background-repeat: no-repeat; background-position: right bottom;
}
.ProWebsitesLeft  {
	width: 285px; float: left; border-right: #CCCCCC 1px solid; height: 250px; _margin-right: -3px; padding-right: 20px; position:relative;
	background-image: url(/media/images/prestaging/choose-design-image.jpg); background-repeat: no-repeat; background-position: right bottom;
}
.ProWebsitesMidle {
	margin-left: 305px; _margin-left: 302px; margin-right: 308px; _margin-right: 302px; height: 250px; padding: 0px 20px; position:relative;
	background-image: url(/media/images/prestaging/information-sheet.jpg); background-repeat: no-repeat; background-position: right bottom;
}

.ProWebsitesInfoTitle { font-size: 120%; font-weight: bold; }

.ProWebsitesLine { border-bottom: #CCCCCC 1px solid; height: 180px; margin-bottom: 10px; }
.ProWebsitesRightLine { border-bottom: #CCCCCC 1px solid; height: 130px; margin-bottom: 10px; }


.ImageMidle { vertical-align: middle; }

.ProGalleryPropfileImageBox {
	width: 204px; height: 239px; margin-right: 16px; float: left; display:inline; margin-top: 17px;
	background-image: url(/media/images/prestaging/pro-gallery-box-bg.gif); background-repeat: no-repeat;
}

.NewProGalleryPropfileImageBox {
	width: 281px; height: 235px; margin-right: 43px; float: left; display:inline; margin-top: 27px;
	background-image: url(/media/images/prestaging/new-pro-gallery-box-bg.gif); background-repeat: no-repeat;
}

.ProGalleryBoxTitle { font-size: 110%; font-weight: normal; }

.ProGalleryImageBG { padding: 8px 7px; height: 190px; }

.ProGalleryMoreBut { height: 20px; text-align: right; margin-right: 10px; }

.PropertyMidleTopBoximage { height: 235px; position: relative; }

.PropertyRecruitBoximage { height: 300px; position: relative; }
.PropertyRecruitFeatureBoximage { height: 85px; position: relative; }

.PropertyMidleBGTextBox { height: 135px; text-align:justify; }

.PropertyRight { width: 282px; float: right; border-left: #CCCCCC 1px solid; height: 230px; _margin-left: -3px; padding-left: 20px; padding-top: 10px; }
.PropertyLeft  { width: 285px; float: left; border-right: #CCCCCC 1px solid; height: 230px; _margin-right: -3px; padding-right: 20px; padding-top: 10px; padding-left:4px; }
.PropertyMidle { margin-left: 305px; _margin-left: 302px; margin-right: 302px; _margin-right: 299px; height: 230px; padding: 0px 20px; padding-top: 10px; }

.RedTextBoxTitle { color: #B01117; font-weight: bold; font-family: "Myriad Pro", Arial, Tahoma, Verdana; font-size:150%; }

.PropertyBotTitleText { padding: 5px 0px; font-weight: bold }

.PropertyLine { color: #A8A8A8; text-decoration: none; }

.PropertyFree { position: absolute; z-index: 1000; width: 98px; height: 98px; margin-left: 200px; margin-top: -45px; }

.PropertyMidleTextBoxMidle { min-height: 215px; _height: 215px; position: relative; padding:5px; overflow: auto; }

.PropertyTextBoxRight { width: 455px; float: right; border-left: #CCCCCC 1px solid; padding: 10px 7px 10px 20px; color: #363636; line-height: 18px; text-align:justify; }
.PropertyTextBoxLeft  { margin-right: 494px; padding: 10px 20px 10px 0px; color: #363636; line-height: 18px; text-align:justify; }

.PropertyRightPriceText { font-weight: bold; width: 60px; float: right; text-align: right; padding: 2px; border-top: #CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid; }

.PricingSmallText { font-size: 90%; margin-top: 8px; }

.PropertyAccessoriesLeft  { float: left; width: 90px; }
.PropertyAccessoriesRight { }

.PropertyLine { color: #434343; border-bottom: #CCCCCC 1px solid; height: 145px; margin-top: 10px; margin-bottom: 20px; }

.WebsitDesignTextBoxMidle {
	margin-right: -20px; margin-bottom: -18px; padding-bottom: 35px; padding-right:190px; padding-top:45px; margin-top:-40px;
	background-image: url(/media/images/prestaging/website-design-text-image.jpg); background-repeat: no-repeat; background-position: bottom right;
}

.CIPTextBoxMidle {
	margin-right: -20px; margin-bottom: -18px; padding-bottom: 35px; padding-top:45px; margin-top:-40px;	
}

.BoxBlackContainer { margin-bottom: 20px; background-color: #222222;}
.BoxBlackBrdrTop 	{ position:relative; background-image:url(/media/images/box/brdr-black-top.gif); background-repeat:repeat-x; background-position:top; }
.BoxBlackBrdrBot 	{ position:relative; background-image:url(/media/images/box/brdr-black-bot.gif); background-repeat:repeat-x; background-position:bottom;}
.BoxBlackBrdrLeft	{ position:relative; background-image:url(/media/images/box/brdr-black-left.gif); background-repeat:repeat-y; background-position:left;}
.BoxBlackBrdrRight	{ position:relative; background-image:url(/media/images/box/brdr-black-right.gif); background-repeat:repeat-y; background-position:right;}

.BoxBlackCurveLeftTop 	{ position:relative; background-image:url(/media/images/box/corner-black-left-top.gif); background-repeat:no-repeat; background-position:left top;}
.BoxBlackCurveLeftBot 	{ position:relative; background-image:url(/media/images/box/corner-black-left-bot.gif); background-repeat:no-repeat; background-position:left bottom;}
.BoxBlackCurveRightTop	{ position:relative; background-image:url(/media/images/box/corner-black-right-top.gif); background-repeat:no-repeat; background-position:right top;}
.BoxBlackCurveRightBot	{ position:relative; background-image:url(/media/images/box/corner-black-right-bot.gif); background-repeat:no-repeat; background-position:right bottom;}

.BespokeBlackContainer { margin-bottom: 20px; }
.BespokeBlackPadding {
	position:relative;
	margin: 70px 0px 19px 20px;
	padding-bottom: 35px;
	line-height: 18px;
	border-bottom: solid 1px #454647;
}

.BoxBlackPadding {
	position:relative;
	padding: 19px 20px;
	line-height: 18px; color: #363636;
}

.CreativeZoneMidleBoxBGFix { min-height: 270px; _height: 270px; position: relative; overflow: auto; }

.CreativeZoneTopLogoBG { height: 105px; position: relative; }
.CreativeZoneLogo {
	position: absolute; z-index: 1000; width: 354px; height: 196px; margin-top: -62px; z-index:1000;
	background-image: url(/media/images/prestaging/creative-zone-black.png); background-repeat: no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/prestaging/creative-zone-black.png', sizingMethod='scale');
}

.CreativeZoneMidleRightBG { float: right; width: 119px; _margin-left: -3px; height: 1%; }
.CreativeZoneMidleLeftBG  { margin-right: 119px; _margin-right: 116px; }

.CreativeZoneMidleBoxBG {
	width: 381px; height: 322px; float: left; margin: 0px 20px 20px 0px; background-color: #2A2A2A; border: #353535 1px solid;
	background-image: url(/media/images/prestaging/creativezone-box-bg.gif); background-repeat: repeat-x;
}

.CreativeZoneImage { height: 249px; }
.CreativeZoneImageText { color: #F1F1F1; padding: 10px 5px; }

.WebPortfolioFlashBG { height: 382px; position: relative; }

.WebPortfolioLeftBG  { margin-right: 442px; padding-right: 50px; color: #B7B7B7; line-height: 20px; }
.WebPortfolioRightBG { float: right; width: 442px; color: #B7B7B7; line-height: 20px; }

.WebPortfolioTitle { color: #FFFFFF; font-size: 140%; font-weight: bold; margin-bottom: 5px; }

.EstatewebPortfolioLeftBG  { width:440px; float:left; padding-right: 50px; color: #B7B7B7; line-height: 20px; }
.EstatewebPortfolioRightBG { width: 442px; float:right; color: #B7B7B7; line-height: 20px; }

.CreativeZoneFormBG { width: 657px; position: absolute; z-index: 10000; color: #626262; left:50%; margin-left:-327px; }
.BlackShadowEffect { background-color:#000000; width:100%; height:100%; position:absolute; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; z-index:1000}

a:visited.CreativeZoneFormMenuBG { font-size: 110%; color: #313131; text-decoration: none; }
a:link.CreativeZoneFormMenuBG    { font-size: 110%; color: #313131; text-decoration: none; }
a:hover.CreativeZoneFormMenuBG   { font-size: 110%; color: #313131; text-decoration: none; }

.CreativeZoneFormGreyText { color: #626262; }

.TextFormBox { width: 340px; height: 178px; border: #6B6C70 1px solid; margin: 6px 0px 17px 0px; }


.BoldUnderline { font-weight:bold; text-decoration:underline; font-size:110%;}

a:visited.CallusNow { color: #6B6A6A; text-decoration: none; }
a:link.CallusNow    { color: #6B6A6A; text-decoration: none; }
a:hover.CallusNow   { color: #6B6A6A; text-decoration: none; }

.MaroonTxt { color:#B30F10;}

a.MaroonLink:link 		{ color:#B30F10; text-decoration:none; }
a.MaroonLink:visited	{ color:#B30F10; text-decoration:none; }
a.MaroonLink:hover		{ color:#333333; text-decoration:none; }

.ViewButton
{
    position: absolute; z-index: 99; 
    top: 465px; right: 50%; margin-right: -420px;
}

.PagerOtherPageCells
{
    background-image: url(/media/images/prestaging/pagination.gif); background-repeat: no-repeat;
    width: 19px; height: 17px; text-align: center; display: block;
}

.PagerCurrentPageCell
{
    background-image: url(/media/images/prestaging/pagination-selected.gif); background-repeat: no-repeat;
    width: 19px; height: 17px; color: #FFFFFF; text-align: center; display: block;
}

a:visited.PagerHyperlinkStyle { color: #494949; text-decoration: none; }
a:link.PagerHyperlinkStyle    { color: #494949; text-decoration: none; }
a:hover.PagerHyperlinkStyle   { color: #494949; text-decoration: none; }

#lnkDark a:visited  { color: #FFFFFF; text-decoration: none; }
#lnkDark a:link     { color: #FFFFFF; text-decoration: none; }
#lnkDark a:hover    { color: #959595; text-decoration: none; }

.PagerInfoCell
{
    display: none;   
}

.PagerContainerTable table
{
    padding: 0px; margin: 0px;
}

.smallThumpNails
{    
    background-image: url(/media/images/prestaging/smallThumpNails.gif); background-repeat: repeat-y;
    width: 227px; color: #000000; padding: 10px;
}

.smallThumpNailsBot
{    
    background-image: url(/media/images/prestaging/smallThumpNailsBot.gif);
    width: 227px; color: #000000; padding: 3px 10px 0px 10px; height: 25px; margin-bottom: 10px;
}

.IncludedContainer
{
    background-image: url(/media/images/prestaging/pro-included-bg.gif); background-repeat: no-repeat;
    width: 132px; height: 112px; color: #000000; margin: 0px 0px 5px 4px;
    float: left;
}

.OptionsContainer
{
    background-image: url(/media/images/prestaging/pro-options-bg.gif); background-repeat: no-repeat;
    width: 134px; height: 93; color: #000000; margin: 0px 10px 10px 4px;
    float: left;
}

.OptionPhoto
{
    width: 124px; height: 83px; margin: 4px;
    overflow: hidden;
}

.AdditionalOptions
{
    height: 100px;
}

.ProIncluded
{
    padding: 0px 10px 0px 10px;
}


.ProOptionText
{
    font-size: 115%;
}

.IncludedPhoto
{
    width: 124px; height: 84px; margin: 4px;
    overflow: hidden;
}

.smallImageNails
{
   width:227px; text-align:center;
}

.ProTxt
{
    font-size: 95%; 
}

.ExampleCornerRight
{
    position: absolute;
    margin-top: -4px; right: 0px;
}

.ExampleCornerLeft
{
    position: absolute;
    margin-top: -1px; left: 0px;
}

.ScreenTxt
{
    font-weight: bold; font-size: 110%;  
}

.largeThumpNails
{    
    background-image: url(/media/images/prestaging/largeThumpNailBK.gif); background-repeat: repeat-y;
    width: 620px; color: #000000; padding: 0px 15px 0px 15px;
}
.CipTxtContaniner { min-height:60px; _height:60px; margin-top:15px;}
.CipTxtRightContaniner { min-height:60px; _height:60px; margin-bottom:15px;}

.CipFloatLeft { float:left; _margin-right:-3px; width:90px; }
.CipTxtIcons { margin-left:93px; _margin-left:90px;}

.CipBoxRight { width: 435px; float: right; }
.CipBoxLeft  { margin-right: 470px; padding-right: 30px; border-right:solid 1px #CCCCCC; }

.TextAlignRight { text-align:right;}

.ViewWebsite
{
    position: absolute; top: 510px; right: 50%;
    margin-right: -390px;  
}

/*Bespoke Website*/

.BlackOptions
{
    border-bottom: solid 1px #454647; width: 100%; height: 24px; margin-bottom: 28px;
}

.ProjectOption
{
    background-color: #282828; padding: 3px 0px 3px 0px; width: 114px; text-align: center; float: left; margin-left: 2px; height: 18px;
}

.galleryBack { font-size: 110%; float:left; }

.ScreenSwitch { width: 700px; position: absolute; top: 278px; }

.OptionContainer { float: right; }

a.nextProject:visited { padding-right: 10px; color: #b2b2b2; text-decoration: none; background-image: url(/media/images/prestaging/arrow-right.gif); background-repeat: no-repeat; background-position: right 4px; }
a.nextProject:link    { padding-right: 10px; color: #b2b2b2; text-decoration: none; background-image: url(/media/images/prestaging/arrow-right.gif); background-repeat: no-repeat; background-position: right 4px;  }
a.nextProject:hover   { padding-right: 10px; color: #FFFFFF; text-decoration: none; background-image: url(/media/images/prestaging/arrow-right-over.gif); background-repeat: no-repeat; background-position: right 4px;  }

a.previousProject:visited { padding-left: 10px; color: #b2b2b2; text-decoration: none; background-image: url(/media/images/prestaging/arrow-left.gif); background-repeat: no-repeat; background-position: left 4px; }
a.previousProject:link    { padding-left: 10px; color: #b2b2b2; text-decoration: none; background-image: url(/media/images/prestaging/arrow-left.gif); background-repeat: no-repeat; background-position: left 4px; }
a.previousProject:hover   { padding-left: 10px; color: #FFFFFF; text-decoration: none; background-image: url(/media/images/prestaging/arrow-left-over.gif); background-repeat: no-repeat; background-position: left 4px; }

.BespokeDescription
{
    float: right; width: 231px; color: #b2b2b2;
}

#BespokeTxt b
{
    color: #FFFFFF;
}

.BespokeGallery
{
    float: left; border: solid 1px #454647;
}

.clientName
{
    color: #FFFFFF; margin: 0px; padding: 0px; font-size: 170%; font-weight: normal; text-align: left;
}   

a:visited.WebsiteAddress { color: #FF0000; text-decoration: none; font-size: 110%; }
a:link.WebsiteAddress    { color: #FF0000; text-decoration: none; font-size: 110%; }
a:hover.WebsiteAddress   { color: #FF0000; text-decoration: none; font-size: 110%; }

.BespokeListViewContainer
{
    width: 313px; margin: 0px 9px 48px 0px;
    display: block; color: #b2b2b2;
}

.DesContainer
{
   height: 52px; overflow: hidden;
   margin-top: 8px;    
}

.BespokeContent
{
   color: #d8d8d7; padding: 20px 0px 20px 0px; font-size: 110%;
   border-top: solid 1px #454647; margin-bottom: 20px;
   border-bottom: solid 1px #454647;
}

.hr
{
	height: 1px; width: 300px; margin-top: 10px; color: inherit; margin-bottom: 10px;
	background-color: #cdcdcd;
}


/* root element for scrollable */ 
div.scrollable       
{
	/* required settings */    
	 position:relative;     
	 overflow:hidden;      
	 /* vertical scrollers have typically larger height than width */     
	 height: 340px; 
	 width: 300px; 
	 margin: 40px 0px 30px 0px;
	 
}  
/* root element for scrollable items */ 
div.scrollable div.items      
{
	position:absolute;      
	/* this time we have very large space for the height */     
	height:20000em; 
	padding-top: 0px;
}

.ProArrowUp
{
    width: 295px;
    text-align: center; position: absolute;
    top: 120px; right: 4px;
}

.ProArrowDown
{
    width: 295px;
    text-align: center;  position: absolute;
    top: 510px; right: 4px;
}

.pro-redStrip
{
    background-color: #b21e26;
    width: 295px; height: 4px;
    margin-left: -10px;
}

.btnBackground
{
    background-image: url(/media/images/prestaging/btnBackground.gif); background-repeat: repeat-x;
    height: 19px; width: 145px; color: #FFF; border: solid 1px #c2c2c2; font-weight: bold;
    text-align: center; float: left; margin-right: 5px; font-size: 105%; padding-top: 1px;
    text-decoration:none;
}

.btnBackgroundOut
{
    background-image: url(/media/images/prestaging/btnBackgroundOut.gif); background-repeat: repeat-x;
    height: 19px; width: 145px; color: #FFF;  border: solid 1px #c2c2c2; font-weight: bold;
    text-align: center; float: left; margin-right: 5px; font-size: 105%; padding-top: 1px;
     text-decoration:none;
}


.xmasHours
{ position: absolute; top: 550px;  width: 982px; height: 200px; }



.christmasLeftBox { float: left; width: 330px; margin-right: 15px; }
.christmasRightBox {  }

#dropinboxv2cover{
width: 803px; /*change width to desired */
height: 649px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
left: 0px; top: 0px;
}

#dropinboxv2{
/*width: 799px; change width to above width-20. */
/*height: 649px; change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: #FFF;
position:absolute; /*Don't change below 3 rules */
left: 0px;
top: 0;
}

#dropinboxv2cover{
width: 100%; /*change width to desired */
height: 800px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
left: 0px; top: 0px;
margin: 0 auto 0 auto;
}

#dropinboxv2{
/*width: 799px; change width to above width-20. */
/*height: 649px; change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: #FFF;
position:relative; /*Don't change below 3 rules */
left: auto !important;
top: 0;
margin: 0 auto 0 auto important;
}

.XmascloseBtn { position: absolute; top: 25px; right: 25px; }

.colorPickerContainer { background-color: #ebebeb; border: solid 1px #bdbdbd; padding: 10px; margin-bottom: 15px; height: 90px; }
.colourExample { width: 335px; float: left; margin-right: 10px; }
.colourPicker { float: right; margin-top: 10px; }

.colorBox { width:70px; height:26px; border:solid 1px #bdbdbd; margin: 4px; }
.colorBoxSelect { width:70px; height:26px; border:solid 1px #000; margin: 4px; }

.pdfButton { float: right; margin: 20px 4px 0px 0px; }

a.ExtraLink:link      { text-decoration: none; color: #000000; }
a.ExtraLink:visited   { text-decoration: none; color: #000000; }
a.ExtraLink:hover     { text-decoration: none; color: #000000; }


.nextPrevious { float: right; margin-right: 15px; }

.hiringbadge
{
    position:absolute;
    width:154px;
    height:152px;
    z-index:999;
    bottom:15px;
    right:15px;
    }
    
.flashpos
{
    position:absolute;top:0; left:0;
    }
