/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color. 
----------------------------------------------------------*/
body {
    font-size: .85em;
    font-family: Tw Cen MT, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
    border-top:3px solid #66a0b4;
}

@font-face {
	font-family: "Tw Cen MT";
	src: url('fonts/TCM.eot'); /* IE9 Compat Modes */
	src: url('fonts/TCM.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/TCM.TTF')  format('truetype'), /* Safari, Android, iOS */ 
}
@font-face {
	font-family: "Tw Cen MT Condensed";
	src: url('fonts/TCCM.eot'); /* IE9 Compat Modes */
	src: url('fonts/TCCM.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/TCCM.TTF')  format('truetype'), /* Safari, Android, iOS */ 
}
@font-face {
	font-family: "Tw Cen MT";
	src: url(fonts/TCM.TTF);
}
@font-face {
	font-family: "Tw Cen MT Condensed";
	src: url(fonts/TCCM.TTF);

}

a:link {
	color: #1C3051;
    /*color: #034af3;
    text-decoration: underline;*/
}

a:visited {
    color: #506585;
}

a:hover {
    color: #58584E;
    text-decoration: none;
}

a:active {
    color: #58584E;
}

p, ul {
	margin: 0px;
	padding: 0px;
    margin-bottom: 1em;
    line-height: 1.4em;
}
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


header,
footer,
nav,
section {
    display: block;
}
hr{
	border-top: solid 1px #c8c8c8;
	border-bottom: 	solid 1px #FFF;
	border-left: none 0;
	border-right: none 0;
	margin: 0;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
	margin: 0;
	padding: 0;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}
h5.detailTitle{
	font-weight: normal;
}
.bodytext h4{
	clear: both;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
@media all and (min-width:1020px){
    .container, .headerContent, .footer_content {
        width:960px;
        margin: 0 auto;
        padding: 0;
    }
}
@media all and (max-width:980px){
    .container {
        width:100%;
        margin: 0 auto;
        padding: 0;
    }
}
header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    /*padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;*/
}
footer, 
#footer {
    color: #fff;
    /*text-align: center;*/
    line-height: normal;
    font-size: 0.8em;
/*    position:absolute; */
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    position: absolute;
    z-index: 1;
}
footer .footer_content{height:30px;line-height:2em;}

.container {
    padding-bottom: 45px !important;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #58584E;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 0px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border-collapse: collapse;
}

table.genericTable td {
    padding: 6px 5px;
    border-bottom: solid 1px #c3c3bb;
	font-weight:normal;
	vertical-align:top
}

table.genericTable th {
    padding: 6px 5px;
    text-align: left;
    background-color: #FFF;
	font-weight:bold;
	ytext-transform: uppercase;
}
table tr.noLine td{
    border-bottom: none 0;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}
.none{
	display:none;
}
.error {
    color: Red;
}
.errorBox{color: #F00;}

nav, 
#menucontainer {
    margin-top: 40px;
}
.sectionTitle {
    display: flex;
    margin-bottom: 5px;
    width: 100%;
}
.sectionTitle .rightTxt{ margin-left: auto;}
div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

/*
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
*/

.validation-summary-errors {
   /* font-weight: bold;*/
    padding: 5px 2em;
    color: #ff0000;
    background-color: #FFFFFF;
    margin-bottom: 6px;
    border-radius: 5px;
}

.validation-summary-errors ul {
    margin: 0;
}


  /*text-shadow: 1px 1px 1px #fff;*/
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

@media screen and (max-width : 1240px) {
	body{
		overflow:auto;
	}
}

/********************from web.css********************************/
.topMenu{height:20px;background-color:#66a0b4;width:10em;color:#ffffff;font-size:0.9em;text-align:center;font-weight:bold;padding-top:0.3em;position:absolute;top:0px;right:0px;}
.topMenu a{color:#eee;text-decoration:none;}
.topMenu a:hover{color:#fff;}
.topMenu .linkMainSite{padding:0.4em;background-image:url(../Content/images/sscom.jpg)/*#4d84bd*/;margin-left:0.5em;-webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;font-weight:bold;}
.mainCategoriesMenu, .mainCategoriesMenuMobile{position: relative; /*margin-bottom: 50px;*/}
.mainCategoriesMenu .columCatGroup, .mainCategoriesMenuMobile .columCatGroup{float:left;}
.block{
	xmin-height:100px;
	pxadding: 5px;
	xbackground:#fff;
	margin:5px;
	font-size:12px;xdisplay: inline-block;
	/*box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
    width:270px;
    xbackground: none repeat scroll 0 0 #FFFFFF;
    /*box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);*/
    xfloat: left;
    font-size: 12px;
    xmargin: 8px;
    xmin-height: 100px;
    xpadding: 15px;
    transition: top 1s ease 0s, left 1s ease 0s;    
    xtext-align:center;
}
.columCatGroup{height:100%;}
.topMenu input[type="text"]
{
    width:107px;
    border: 1px solid #d4d4d6;
    font-size: 10px;
    color: #A6A6A6;
    height:18px;
    padding:0px;
    margin:0px;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
}
.logoSection{height:89px;clear:right;}
/*.logoSection span{font-size:1.5em;float:right;color:#fff;line-height:68px;font-weight:normal;margin-right:10px;}*/
.logoImg{text-align:center;height:100%; padding-top: 10px;}

#container{
	position:relative;
	width:1100px;
	margin:0 auto 25px;
	padding-bottom: 10px;
}
.grid{
	xwidth:270px;
	min-height:100px;
	padding: 15px;
	margin:8px;
	font-size:12px;
	float:left;
	/*box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
}
#main{padding:10px 0px 0px 0px;}

/********************from base-mobile.css********************************/

/* portrait */
@media screen and (orientation:portrait) {
	/* portrait-specific styles */
}
/* landscape */
@media screen and (orientation:landscape) {
	/* landscape-specific styles */
}
@media only screen and (min-width: 200px) and (max-width: 500px)
{ 
    #main{margin-top:25px;}
}

.ui-btn-up-b{background-color:#66a0b4;border:none;}
.topMenu .ui-link{color:#eeeeee !important;text-shadow:none;}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{padding:0.5em 10px;}
.secHeader{background-image:url(../../Content/images/secHeader2.png); background-repeat:no-repeat;background-color:transparent !important;padding-top: 15px !important;background-color:transparent !important;}
.ui-body-z, .ui-overlay-z{background-color:transparent !important;}
.subCategories .ui-shadow{ box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);}
.divider{font-size:1.3em;text-align:center;}
.ui-overlay-shadow{box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);}
.ui-icon-shadow{background-color:transparent;box-shadow:none;}
.catTitle{position:relative;bottom:64px;}
.blockMobile{padding:0px;text-align:left;float:none;width:auto;}
#menupanel.ui-body-z, #menupanel.ui-overlay-z{background-color:#3b738e !important;background-image:none;}
#menupanel{width:17.6em;}
#menupanel .ui-panel-inner{padding:0px;}
#menupanel .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,#menupanel .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,#menupanel .ui-panel-dismiss-position-left.ui-panel-dismiss-open{left: 25em;right: -25em;}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push{
    -webkit-transform: translate3d(-17.6em,0,0);
	-moz-transform: translate3d(-17.6em,0,0);
	transform: translate3d(-17.6em,0,0);
    }
#menuIcon{background-image:url(../../Content/images/menu.jpg); background-repeat:no-repeat;height:44px;width:43px;position: absolute;}
#profile_agents .ui-popup-container {
    background-color: #E6E6E6;
}
#profile_agents	.ui-popup-container #popupForm {
    background-color: #E6E6E6;
}
#profile_agents .ui-popup-container .formBlock{width:46%;}

div.script_jqm_ready { display: none; }

/* Start of Specific SS rules*/
ul.SS_List {
    padding-bottom: 5px;
    padding-top: 2px;
}

ul.SS_List > li {
    list-style-type: disc;
    margin-left: 1.5em;
}
/* End of Specific SS rules*/