@font-face {
    font-family: 'oswald_regular';
    src: url('/fonts/oswald-regular-webfont.eot');
    src: url('/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('/fonts/oswald-regular-webfont.woff2') format('woff2'),*/
         url('/fonts/oswald-regular-webfont.woff') format('woff'),
         url('/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('/fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'UniversLTStd-Light';
  src: url('/fonts/UniversLTStd-Light.eot?#iefix') format('embedded-opentype'),  
  	url('/fonts/UniversLTStd-Light.otf')  format('opentype'),
	url('/fonts/UniversLTStd-Light.woff') format('woff'),
	url('/fonts/UniversLTStd-Light.ttf')  format('truetype'),
	url('/fonts/UniversLTStd-Light.svg#UniversLTStd') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{
	min-height:100%;
}

img{border:none;}

@media (min-width: 1300px){
.container {
    width: 1280px !important;
}
}

*{
	border-radius:0 !important;
}

#menu-row{min-height:45px;}

body{

	color: #666;
	background-color:#f1f1f1;
	height:100%;
	/*
	background: -moz-linear-gradient(top,  rgba(191,191,191,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(191,191,191,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(191,191,191,0.65) 0%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bfbfbf', endColorstr='#00ffffff',GradientType=0 ); 
	*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3eef2+0,ffffff+74&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(227,238,242,1) 0%, rgba(255,255,255,0.26) 74%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,238,242,1) 0%,rgba(255,255,255,0.26) 74%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,238,242,1) 0%,rgba(255,255,255,0.26) 74%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eef2', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	background-attachment:fixed;
	margin:0;
}

html, body {
  overflow-x: hidden;
}

#page{
	background-color:#fff;
	padding-top:15px;
	padding-bottom:30px;	
}

#menu-row{
	background-color:#222;
}

#header-row{
	background-color:#b4cedf;
	/*background-image: url(/images/Panoramas/Lewes-website-alan-chapman-960.jpg);*/
	background-image: url(/images/Panoramas/Lewes-Panorama-1080.jpg);
	background-size:cover;
	min-height:130px;
}

#header{
	padding-top:15px;
}

#footer-row{
	background-color:#666;
	padding-top:15px;
	padding-bottom:30px;
	color:white;
}
#footer-row a{
	color:white;
}


#logoDiv{padding-top:12px;}
#bannerDiv{padding-top:12px;}
#headMenuDiv{background-color:rgba(0,0,0,0.2);}

.nomargin, .no-margin{
	margin:0 !important;	
}
.padding, .no-padding{
	padding:0 !important;	
}

hr{
	border-top: 1px solid #ddd;
}

.font1{
	font-size:1em;	
}
.font12{
	font-size:1.2em;	
}
.fontx15{
	font-size:1.5em;	
}
.font2{
	font-size:2em;	
}

.btn-danger i{
	color:yellow;	
}
.btn-warning i{
	color:red;	
}
.btn-info i{
	color:steelblue;	
}

.highlight{
	border:1px solid #FC3 !important;
	background-color:#FF9;
	box-shadow:0 0 10px #FF9;
}

.yellow{color:#FC0;}
.orange{color:orange;}
.red{color:red;}
.green{color:#393;}
.black{color:#111;}
.white{color:#f2f2f2;}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /*If Placeholder of the input is moved up, rem/modify this.*/
    border-radius: 3px;
    }

.btn-xs{
    padding: 2px 10px;
}

.form-group-xs input, .form-group-xs select, .form-group-xs textarea, .form-group-xs .btn{
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /*If Placeholder of the input is moved up, rem/modify this.*/	
    border-radius: 3px;
    }

#nav-icons-extra{
	float:left;	
}

#nav-icons a{
	display:block;
	float:left;
	padding:15px;
	font-size:.8em;
	color:#fff;
}
#nav-icons a:active{
	color:red !important;
}

.navbar{
	min-height:45px;
	margin-bottom:0;
	border:none;
}

.navbar .dropdown-menu{
	background-color: transparent;
}

.navbar .dropdown-menu li{
	background-color:#262626;	
}

.navbar .dropdown-menu li a{
	padding-top:5px;
	padding-bottom:5px;
}

.navbar .dropdown-menu li a:hover{
	background-color:#000;	
}

.navbar .dropdown-menu li a:active{
	color:red !important;	
}


.navbar li a{
	padding:12px 7px 11px 7px;
	color:#ddd !important;
	font-size:1.6em;
	font-family: oswald_regular,verdana,Arial, Helvetica, sans-serif;
	line-height:1em;
}
.navbar li a:active{
	color:red !important;
}

.popover{z-index:9999;}


#hotelform{
	height:100%;
	padding:10px 0 15px 0;
	background-color:rgba(0,0,0,0.4);color:#ffffff;	
}


#footer{
	padding:15px 15px 50px 15px;
}

#footer a{
	color:#ddd;
}

.panel-heading{
	font-family:oswald_regular,economicaregular,yanone_kaffeesatzregular,allerregular,verdana,arial;
	text-transform:uppercase;
	font-size:1.5em;
	margin-top:0;
	padding-top:15px;
	padding-bottom:8px;
	border-bottom:none;		
}
.panel-heading i{
	font-size:1.2em;
	color:orange;	
}

.white{
	color:white !important;	
}

A{
	color: #CD250B;
	text-decoration: none;
}
A:hover{
	color: #F00;
}
a:active{
	color:purple;	
}
H1, h1{
	color: #F00;
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;

}
H2, h2{
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;

}
H3, h3{
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;
}

H4{
	margin: 0;
}
H5{
	margin: 0;
}
.h1{H1;
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;}
.h2{H2;
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;
}
.h3{H3;
	font-family:oswald_regular,verdana,Arial, Helvetica, sans-serif;}
.h4{H4;}
.h5{H5;}

.bold{
	font-weight:bold;	
}

.FloatRight{
	float: right;
}
.ClearRight{
	clear: right;
}
.ClearLeft{
	clear: left;
}
.ClearBoth{
	clear: both;
}
.block{
	display: block;
}

.contain-text{

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}



UL{
	list-style: square;
}


.bottom-border{
	border-bottom:1px solid #ddd;	
}

.bottom-border-dotted{
	border-bottom:1px dotted #ddd;	
}

.overlay-white{
	background-color:#FFF;
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70; 
}

.overlay-black{
	background-color:#000;
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70; 
}


/*----border-radius----*/

.btn, .form-control, .panel, .img-rounded, .well{
	border-radius:                    3px;
	-webkit-border-radius:            3px;
	-moz-border-radius:               3px;
}

.btn{
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}


/*LOCAL FORM STUFF ---------------------------------------------------------------------------------------*/

#pnLocalForm{
	color:#444;
	margin:0;
	padding:20px;
}

#pnLocalForm input, #pnLocalForm textarea, #pnLocalForm select, #pnLocalForm .button{

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:4px;
	background-color:#ebf9fb;
}

#pnLocalForm .button{
	padding:5px 10px;;
	background-color:#666;
}



/*HOTEL FORM STUFF ---------------------------------------------------------------------------------------*/
.HotelForm
{
	width: 159px;
	height: 125px;
	padding: 0 0 4px 0;

	background-color:#016aa1;
	border-top:1px dotted #59a7cb;
	background-repeat: repeat-x;
	color: #6391c2;
	margin:0;
	text-align:center;
}

* html{
	width: 157px;
}


#HotelFormTitle{
	padding: 3px 2px;
	text-align: center;
	font-size:1.2em;
	color:#9FF;
	h3;
}


.HotelFormDropDown{
	position:relative;
	font-size: .9em;
	width: 140px;
	margin: 2px auto;
	background-color: #EEE;
	border: 1px inset #000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
}


* html .HotelFormDropDown{
	margin: 0 auto 2px auto;	
}


.HotelFormButton{
	position:relative;
	font-size: .9em;
	font-weight:bold;
	cursor:pointer;
	width: 140px;
	margin: 2px auto;
	padding: 4px 0;
	border: none;
	background-color:#FFCC00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


.LewesPageImage
{
	margin-left: 6px;
	width: 120px;
}
/*FORUM STUFF ---------------------------------------------------------------------------------------*/


#posts a {text-decoration:none;}
#posts{list-style-type: none; margin-left:0;padding-left:10px;}
#posts ul{padding-left:2px;margin-left:2px; margin-top:3px;list-style-type: none; }

#posts li{
	margin-bottom: 6px;
	font-size:.95em;
	line-height:1.1em;
	}
#posts li li{
	margin-top: 1px;
	margin-left:-12px;
	margin-bottom: 3px;
	background-position: left -2px;}
* html #posts ul, * html #posts{margin-left:2px; list-style-type: none; }
* html #posts li{line-height:12px; margin-top:10px; background-position: left -2px;}	
* html #posts li li{line-height:12px; margin-top:3px;letter-spacing:-1px;}
.Author{text-transform:uppercase; font-size:9px;}
.Date{font-size:9px;color:#666666;margin-right:6px;}

.thread{
	padding-bottom:5px;
	margin-bottom:10px;
   	border-bottom:1px dotted #ddd;
}

.thread a:active{
	color:#60F !important;
}

#ForumRightPanel{
	background-color:#fff;
	padding-left:10px;
}

#polswitch{
	background-color:#EEE;
	padding:2px 2px 2px 10px;
	display:inline-block;
	margin-bottom:10px;
}
#polswitch .btn-group, #polswitch .btn{
	border:none !important;
	outline:none !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
}
.btn-pol{
	background-color:rgba(173,92,173,1);	
}
.btn-pol:hover{
	background-color:rgba(133,52,133,1);	
}


#posts .political{
	opacity:.8;	
}
#posts .political a{
	color:purple;	
	opacity:.8;	
}

.postItem{
	font-family: inherit;
	font-size: 12px;
}

.msgRoot{
	font-family: inherit;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 10px;
}

.msgResponse{
	font-family: inherit;
	font-size: 10pt;
	margin: 0px;
}







.star{
/*position:relative;*/
	font-size: 10px;
	line-height: 14px;
	background-image: url(/images/star2.gif);
	background-repeat: no-repeat;
	background-position: 0;
	width: 13px !important;
	height: 13px;
	margin-left: 6px;
	margin-top:-4px;
	display:inline-block;
}

* HTML .star{
	background-position: 5px;
}
.msgName{
	font-family: inherit;
	font-size: 8pt;
	text-decoration: none;
}
.smallMessage{
	font-family: inherit;
	font-size: 10px;
}
A LI{
	font-weight: bold;
}
#ThreadTitle{
	margin: 5px 0;
}
.replies{
	padding: 0 0 0 0;
	margin: 0;
	list-style-type:none;
}
.reply, .clickedreply{
	font-size: 1em;
	line-height:1.5em;
	color:#336;
	/*background-image: url(/images/backgrounds/bgPost.png);*/
	
	background: #d6e9f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6e9f0 0%, #ffffff 50px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e9f0), color-stop(50px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6e9f0 0%,#ffffff 50px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6e9f0 0%,#ffffff 50px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6e9f0 0%,#ffffff 50px); /* IE10+ */
	background: linear-gradient(to bottom,  #d6e9f0 0%,#ffffff 50px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e9f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	background-repeat: no-repeat;
	padding: 10px;
	margin-bottom: 8px;
}

.clickedreply{
	background-image: url(/images/backgrounds/bgPostClicked.png);
	
	background: #faf5b5 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #faf5b5 0%, #ffffff 50px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf5b5), color-stop(50px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #faf5b5 0%,#ffffff 50px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #faf5b5 0%,#ffffff 50px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #faf5b5 0%,#ffffff 50px); /* IE10+ */
	background: linear-gradient(to bottom,  #faf5b5 0%,#ffffff 50px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf5b5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	margin-top: 20px;
}


.reply .dividerLine, .clickedreply .dividerLine, {
	padding-bottom: 2px;
	border-bottom: 1px solid #BBB;
	color:#000000;	
}



.lastReply{
	font-size: 1em;
	line-height:1.5em;
	margin-bottom: 16px;
	color: #FFF;
	font-weight: normal;
	background-color: #888;
	padding: 1px 8px 8px;
	background-image: url(../images/last-message-bar.gif);
	background-repeat: no-repeat;
	padding: 10px;
}


.lastReply a{
	color:#FC0;
	font-weight:bold;
}
.lastReply .dividerLine{
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-color: #BBB;
	border-bottom-style: groove;
}

#ReplyForm{
	margin-top: 12px;
}




#ForumTopBar, #ForumFooter{
	border: 1px inset #EEE;
	height: 20px;
	background-color: #AAA;
	width: 100%;
	clear: both;
}
#ForumTopBar DIV, #ForumFooter DIV{
	border: 1px outset #DDD;
	padding: 2px 12px;
	height: 10px;
	background-color: #888;
	text-align: center;
	color: #FFF;
}
#ForumTopBar DIV A, #ForumFooter DIV A
{
	color: #FFF;
}



/*----Forumm thread ----------*/

#emoticons { 
	border:1px solid #aaa;
	width: 55px; 
	padding:5px;
	max-height:32px;
	overflow: hidden;
	float:right;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background-color:#FFFFFF;
	transition:all 1s;
}

.emoticons-wide { 
   width: 255px !important;
}
#emoticons div{ 
   float:left;
}
#emoticons img{ 
   margin:3px 0 10px 5px;
   border:none;
}
#emoticons i{ 
   padding:4px;
   display:block;
}	
#closeSmiley{
	display:none;
	transition:all 2s;	
}
	
.emoticons-wide #closeSmiley{
	display:block;	
}
	



.divRate{
	float:right;
	margin-top:-6px;
	vertical-align:top;
	text-align:center;
	/*background-color:rgba(250,250,250,0.7);*/
	padding:4px;
	margin-right:-5px;
	white-space:nowrap;
	min-width:80px;
}

.divRate .sDislike, .divRate .sLike{
	cursor:pointer;
}

.divRate .sLike{
	float:right;
}

.divRate .sDislike{
	float:left;
}

.sDislike{
	display:none !important;
}

.divRate i, .divRate .iDislike, .divRate .iLike{
	float:left;
	display:block;
	margin:0 2px;
	min-width:10px;
	color:#F30;
}

.divRate .iDislike, .divRate .iLike{
	color:#309;
	line-height:1.5em;
	font-size:.9em;
}

.divRate .icon-thumbs-up, .divRate .icon-thumbs-down{
	font-size:1.2em	
}


.imgDislike, .imgLike, .iDislike, .iLike{
	font-family:arial;
	font-size:1em;
}

.icon-thumbs-down-alt{
	margin-top:3px !important;
}	
	
	
	
	
	
#user-check-msg{
	width:100%;
	display:none;
	margin-top:5px;
	padding:5px 10px;
}


.forumformlogin{
	
}

.forumformlogin input,
.forumformlogin select,
.forumformlogin textarea{
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 0px;
  line-height: 15px;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  
  background-color: #ffffff !important;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

.forumformlogin 	.btn {
  display: inline-block;
  padding: 2px 8px;
  margin-bottom: 0;
  font-size: .9em;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.forumformlogin 	label{
	font-weight:normal;
  	display: inline-block;
	padding: 2px 6px 2px 10px;
	line-height: 15px;
}


#vidLinkDiv{
	cursor:pointer;
	}

#vidFld{
	display:none;
	}

/*SMALL AD STUFF   ------------------------------------------------------------*/



.AdAdded{
	/*border-color: #888;
	border-style: solid;
	border-width: 0 1px 1px;*/
	padding: 0 4px 1px;
	float: right;
	margin: -2px -2px 2px 2px;
	font-size: 9px;
	color: #666;
	background-color:#FFFFFF;
}




/*----PROPERTY STUFF ---------------------------------------------------*/


#btnAddProperty{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #e90;

	padding:5px 10px;
	margin:0 0 10px 0;
	claer:both;
	display:block;
	border-style:outset;
	background-color:#e90;
	background: -webkit-gradient(linear, left top, left bottom, from(#fb3), to(#e90));
	color:#FFFFFF;
	font-weight:bold;
}


.property{
	margin:0 0 10px 0;
	font-size:.9em;
	-moz-border-radius:6px;	
	-webkit-border-radius:6px;	
	background-color:#eee;
}

.propCat{
	background-color:#0195dd;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 6px;
	margin-bottom:5px;
	-moz-border-radius-topleft:6px;	
	-webkit-border-top-left-radius:6px;	
	-moz-border-radius-topright:6px;	
	-webkit-border-top-right-radius:6px;
}

.propCat a{
	color:#FFFFFF;
}

.propDesc{
	margin:0 10px 10px 10px;
	padding-bottom:10px;
}

.propDesc img{
	margin-top:-5px;
}

.propertyfeatured .propCat{
	background-color:#e90;
	background: -webkit-gradient(linear, left top, left bottom, from(#fb3), to(#e90));
	font-size:1.2em;
}




* html #FlagList .textbox{
	height: 18px;
	margin-top: 1px;
	padding-top:0;
}
* html #FlagList .button{
	height: 18px;	
	margin-top: 1px;
	padding-top:0;
	line-height:.8em;
}


#fixed_icons_panel a {
    display: block;
    width: 48px;
    height: 48px;
    padding-bottom:3px;
	border:1px solid white;
}

#fixed_icons_panel a:hover {
    background-position:-48px;
}
 
#fixed_icons_panel a#twitter1 { background: url("/images/icons/twittericon.png") no-repeat; height:48px; width:48px; border:1px solid white;}
#fixed_icons_panel a#facebook1 { background: url("/images/icons/facebookicon.png") no-repeat; }
#fixed_icons_panel a#linkedin1 { background: url("/images/icons/linkedinicon.png") no-repeat; }
#fixed_icons_panel a#rss1 { background: url("/images/icons/rssicon.png") no-repeat; }




#CalDiv .ui-datepicker{
	width:auto;	
}



.office-to-rent{
	/*CHANGE THIS TO MAKE IT LIVE*/
	display:none;
	
     position:relative;
     margin-left:3px;
     margin-top:10px;
	 border:1px solid black;
	 background-color:rgb(255, 213, 0);
     background-size:cover;
     background-repeat: no-repeat;
     background-image:url('https://lewes.co.uk/office-to-rent/images/first-floor-front/office-to-rent-in-lewes-ad-blank.png');
}

.office-to-rent .otr-text{
    text-align:center;
    width:100%;
    background-color:#000;
	margin-bottom:320px;
}

.office-to-rent .otr-text h3{
    margin-top:12px;
    margin-bottom:12px;
    font-size:clamp(1.4em, 2.4em, 20px);
    color:#FC6 !important;
}


Google address
.google-auto-placed .ap_container{
	margin-top:20px !important;
}


/* MEDIA QUERIES ------------------------------------------------------------------ */


@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1200px) { 

}

/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1200px) {
	#CalDiv .ui-datepicker{
		font-size:.8em;	
	}
}



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
	#CalDiv .ui-datepicker{
		font-size:.8em;	
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 768px){


.navbar-collapse{
	border-top:none;
	margin-top:8px;
}
.navbar-collapse.in {
    overflow-y:visible !important;
}
.navbar-nav {
    margin: 0;
}


}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {
	#nav-icons-extra{
		display:none;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {

}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .office-to-rent .otr-text h3{
        font-size:clamp(1.4em, 2.4em, 30px);
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.nav-icons-extra-hidden{
		display:none;
	}

}