/****BASIC STYLES*****************************************************************************************/
html body{color:#333;background:#eee;}

.dif,.dif a,a.dif{color:#06c;} .dif a:hover,a.dif:hover{color:#036;}
header .dif,header .dif a,header a.dif,footer .dif,footer .dif a,footer a.dif{color:#b8e2ff;} header .dif a:hover,header a.dif:hover, footer .dif a:hover,footer a.dif:hover{color:#fff;}
.dul,.dul a,a.dul{color:#777;} .dul a:hover,a.dul:hover{color:#444;}

a{color:#333;text-decoration:none;}a:hover{color:#000;}

a.button{background-color:#278cf6;color:#fff;border:1px solid #2366ad;text-shadow:1px 1px rgba(76,12,31,.35);}
a.button:hover{background-color:#2366ad;}
a.buttonBig{background:#003a76; color:#fff;border-color:#002a56;text-shadow:1px 1px rgba(0,0,0,.75);}
a.buttonBig:hover{border-color:#00172f;background-color:#002a56;}

.input,select,textarea{background:#f8f8f8;border:1px solid #ccc;color:#444;text-shadow:1px 1px rgba(255,255,255,.5);}
.input,textarea{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -webkit-linear-gradient(top, #fff 70%, #eee);
	background:    -moz-linear-gradient(top, #fff 70%, #eee);
	background:     -ms-linear-gradient(top, #fff 70%, #eee);
	background:      -o-linear-gradient(top, #fff 70%, #eee);
	background:         linear-gradient(top, #fff 70%, #eee);	
}
.input:focus,select:focus,textarea:focus{border-color:#777;color:#666;}
header .input:focus,header select:focus,header textarea:focus,footer .input:focus,footer select:focus,footer textarea:focus{border-color:#777;color:#968886;}
header .input{text-shadow:1px 1px rgba(255,255,255,.5);}
input.button{background-color:#cae1f9;color:#000;border:1px solid #859bb1;text-shadow:1px 1px rgba(255,255,255,.7);}
header input.button, footer input.button{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009cff', EndColorStr='#67c4ff');
	background: -webkit-gradient(linear, left top, left bottom, from(#009cff), to(#67c4ff));
	background: -webkit-linear-gradient(top, #009cff 70%, #67c4ff);
	background:    -moz-linear-gradient(top, #009cff 70%, #67c4ff);
	background:     -ms-linear-gradient(top, #009cff 70%, #67c4ff);
	background:      -o-linear-gradient(top, #009cff 70%, #67c4ff);
	background:         linear-gradient(top, #009cff 70%, #67c4ff);color:#fff;border:1px solid #003b78;text-shadow:1px 1px rgba(0,0,0,.7)}
.searchFull.btn input.button{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009cff', EndColorStr='#67c4ff');
	background: -webkit-gradient(linear, left top, left bottom, from(#009cff), to(#67c4ff));
	background: -webkit-linear-gradient(top, #009cff 70%, #67c4ff);
	background:    -moz-linear-gradient(top, #009cff 70%, #67c4ff);
	background:     -ms-linear-gradient(top, #009cff 70%, #67c4ff);
	background:      -o-linear-gradient(top, #009cff 70%, #67c4ff);
	background:         linear-gradient(top, #009cff 70%, #67c4ff);color:#fff;border:1px solid #003b78;text-shadow:1px 1px rgba(0,0,0,.7)}
.star{color:#e00;}
header .star, footer .star{color:#d1b79e}

.bdr,.bdrT,.bdrR,.bdrB,.bdrL,.bdrAll,.bdrAll td,.bdrAll th,.bdrAllDashed,.bdrAllDashed td,.bdrAllDashed th,.headHr,.headVr,.data{border-color:#ccc;}
header .bdr,header .bdrT,header .bdrR,header .bdrB,header .bdrL,header .bdrAll,header .bdrAll td,header .bdrAll th,header .bdrAllDashed,header .bdrAllDashed td,header .bdrAllDashed th,header .headHr,header .headVr,header .data,footer .bdr,footer .bdrT,footer .bdrR,footer .bdrB,footer .bdrL,footer .bdrAll,footer .bdrAll td,footer .bdrAll th,footer .bdrAllDashed,footer .bdrAllDashed td,footer .bdrAllDashed th,footer .headHr,footer .headVr,footer .data{border-color:#9bb6d1;}
img.bdr,.bdrDark{border-color:#cac6d2;}
.hot .slider img.bdr+span{border: 0px solid #fff;} .hot .slider img.bdr+span:hover{border: 8px solid #ccc;}

.headHr{background-color:#042950;}
footer .headHr{background-color:#05305c;}
.headHr,.headHr a{color:#ddd;text-shadow:1px 1px rgba(0,0,0,.75);}.headHr a:hover{color:#fff;}
.headHr .star{color:#9cf;}
.headHr .dif{color:#def;}
.headVr{background-color:#e8e7e7;}
.data,.bg{background-color:#f8f8f8;}
footer .data, footer .data a{ color:#666} footer .data a:hover{ color:#333}

.paging a{background-color:#036; color:#fff;}
.paging a.on,.paging a:hover{background-color:#ddd;color:#333;text-shadow:1px 1px rgba(255,255,255,.45);}

.h1 h1{color:#333; text-shadow:1px 1px #fff;}
.h1{border-bottom:1px solid #aaa;}
.tcl .h2, .thinColumnLink .h2{background:#278cf6;}
#bodyFormat1 .col-1 .tcl .h2:before{border-right-color:#278cf6;border-top-color:#278cf6;}
#bodyFormat1 .col-1 .h2:before{border-right-color:#003a76;border-top-color:#003a76;}
#bodyFormat1 .col-1 .ic:before{border-right-color:#aaa;border-top-color:#aaa;}
.ic{ background:#fff}
.transparent .ic{ background:none}
 footer .tcl .h2, footer .h2,footer .thinColumnLink .h2{background:none;}
.tcl .h2 h2,.tcl .h2 h2 a{color:#fff;}
.h2{background:#003a76;}
.h2 h2,.h2 h2 a{color:#cac6d2;}.h2 h2 a:hover{color:#fff;}
.b1{color:#666;}
.b1:before{color:#666;}
.b2:before{color:#444;}
footer .b2:before{color:#9cf}
header .b2:before{color:#d1b79e;}
.b3:before{color:#666;}

/***********/
.formTable{border:1px solid #ccc;}
.formTable > tbody > tr > td,.formTable > thead > tr > td{border:1px solid #ccc;}
form.inputs-bs10px .input,form.inputs-bs10px select,form.inputs-bs10px textarea{-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);-moz-box-shadow: 0 0 10px rgba(0,0,0,.15);box-shadow: 0 0 10px rgba(0,0,0,.15);}

/******HEADER STYLES*****************************************************************************************/
.topBg{background-color:#005bb8;}
header, header a,header .h2 h2,header .h2 h2 a{color:#9cf;} header a:hover,header .h2 h2 a:hover{color:#fff;}
.tgl a:hover:before,.tgl a.on:before{background: #036}
.tgl.hoverNone a:hover:before,.tgl.hoverNone a.on:before{background:none;}
/*TML*/
#tml > ul > li:after{background-image:-moz-linear-gradient(0deg, #032b55, #195695, #032b55);
 background-image:-webkit-linear-gradient(0deg, #032b55, #195695, #032b55); 
 background-image:-o-linear-gradient(0deg, #032b55, #195695, #032b55); 
 background-image:-ms-linear-gradient(0deg, #032b55, #195695, #032b55);}
#tml > ul > li > a{color:#9dcdff;}
#tml > ul > .on > a, #tml > ul > li:hover > a{color:#fff;}
#tml ul ul{background:#0b3a6a; border-left:1px solid #1e558d;}
#tml li li{border-bottom:1px solid #022344;border-top:1px solid #1e558d;}
#tml li li a{color:#ccc;}
#tml li li a:hover{background:#1b5794; color:#fff;}

#headerFormat3 #tml > ul > li:after{ background-image:none}

.header-reg #tml > ul > li > a, #tml > ul > li:first-child > a {border:none;} 
#tml > ul > li > a { padding: 0 10px; border-left: 1px solid #9dcdff; margin: 9px 0; }
.header-reg #tml > ul > li > a {padding:9px 7px;  margin:0;}


/*****Body format******/
#bodyFormat1>.row1>.col-1{ background:#dedede}
#bodyFormat1 .header-reg,#headerFormat3 .header-reg{background-color:#00264d;}

/*******MEAN MENU***********************************************************************************************/
.mean-container .mean-bar{}
.mean-container a.meanmenu-reveal{color:#aaa6b2;}
.mean-container a.meanmenu-reveal span{background:#aaa6b2;}
.mean-container .mean-nav{background:#002c59;position:absolute;top:50px;z-index:9999;color:#9cf;}
.mean-container .mean-nav ul li a{color:#9cf;border-top:1px solid #333;border-top:1px solid rgba(255,255,255,.2);}
.mean-container .mean-nav ul li li a{border-top:1px solid #0b3764;border-top:1px solid rgba(255,255,255,.2);}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{background:rgba(51,47,59,.8);border:1px solid rgba(51,47,59,.5); color:#fff}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(21,19,24,.9)}

/******ELEMENTS STYLES*****************************************************************************************/

/***** IMG FRAMES STYLES *****/
.BSTL{box-shadow:-5px -5px 0 #ccc;}
.BSBR{box-shadow:5px 5px 0 #ccc;}
.BSTLBR{box-shadow:-5px -5px 0 #999,5px 5px 0 #ccc;}
.BS5px{box-shadow:0 0 5px #fff;}
.BS10px{box-shadow:0 0 10px #fff;}
.imgFrame.bdr{border-color:#999;}
.imgFrame.bdr:hover{border-color:#ccc;}

/*****MAIN CONTAINER , HEADING , INNER CONTAINER *****/

/***TCL***/
.tcl ul > li .plus:after{color:#4a9bf1;}
.tcl.divider ul > li{border-bottom:1px solid #ddd;}
.tcl.border ul > li{border:1px solid #666;}
.tcl li a{color:#444;}.tcl li a:hover{color:#111;}
.tcl li li a{color:#666;} .tcl li li a:hover{color:#333;}
.tcl li li li a{color:#666;} .tcl li li li a:hover{color:#333;}

footer .tcl li a{color:#9cf;} footer .tcl li a:hover{color:#fff;}

/**QUICK CONTACT AND HR***/
.qc .hr,.hr{border-bottom:1px dashed #999;margin:12px 0;}

/************* Shopping Cart ************/
#cartAndCartDetails, #cartAndCartDetails a{ color:#fff;}
.cart{background:#eee;border:1px solid #ccc; color:#333; border-bottom:none;}
.cart2{background:#278cf6;color:#e5f2ff;}
.cart2 .dif{color:#fff;}
.cart3 .dif,.cart4 .dif{color:#bfdeff;}
header .cart3 .dif,.cart5 .dif{color:#bfdeff;}
header .cart3,header .cart4,header .cart5{ color:#999}
.cart5{background:#278cf6;border:1px solid #004992; color:#bfdeff}
.cart5 .bdrB{border-color:#80bfff;}
.cartDetail{background:#eee;border:1px solid #ccc; border-top:none; color:#666;}
.cartButtons a.button,.cartButtons a:first-child.button,#cartAndCartDetails .cartButtons a.button, #cartAndCartDetails .cartButtons a:first-child.button{background:#278cf6; color:#fff; border:1px solid #246bb6}
.cartButtons a:first-child.button, a.button.add2Cart + .button,#cartAndCartDetails .cartButtons a:first-child.button,#cartAndCartDetails a.button.add2Cart + .button{background:#eee;color:#000; border:1px solid #aaa}
.cart6 b{background:#278cf6;color:#fff;}
.cart6 span:before{border-right-color:#278cf6;}

header .cart, footer .cart{background:#ececec;border:1px solid #463533;}

/*****SITEMAP*****/
.categTree .tree,.categTree .tree ul{border-left:1px solid #666;}
.categTree,.categTree a{color:#555;} .categTree,.categTree a:hover{color:#222;}

/******REI*******/
.zoomIcon{text-shadow:1px 1px rgba(0,0,0,.25);}
.zoomIcon a{color:#fff;} .zoomIcon a:hover{color:#fff;}
.typeBuy,.typeRent,.typeSell{color:#fff;text-shadow:1px 1px rgba(0,0,0,.75);}
.typeBuy{background:#075bb1;} .typeRent{background:#333;} .typeSell{background:#af2829;}

/*****REI PROJECTS********/
.project_tml{border-bottom:3px solid #005bb8;}
.project_tml > li{border-left:1px solid #ccc;}
.project_tml > li.on a, .project_tml > li a:hover{background:#005bb8;color:#fff;}
#projectMoreLinksDiv a{color:#ccc;}  .project_tml > li #projectMoreLinksDiv a:hover{background:#005bb8;}

/******FOOTER STYLES*****************************************************************************************/
#bottom{background:#005bb8 url(//catalog.wlimg.com/templates-images/12437/12456/pattern1.png); padding:20px 0 10px}
footer,footer a{color:#9cf;} footer a:hover{color:#fff;}
footer .h2{border:none;}
footer .h2 h2,footer .h2 h2 a{color:#dcedff;}footer .h2 h2 a:hover{color:#9cf;}
footer .tcl .h2 h2 a{ color:#fff} footer .tcl .h2 h2 a:hover{ color:#9cf}
footer .Tab .d{border-left:1px solid #206ab7;}
footer .Bullet b.fb:before{color:#a4d1ff;}

/******JQUERY BXSLIDER*****************************************************************************************/
.bx-wrapper .bx-loading{background-color:#666;}
.bx-wrapper .bx-pager{color: #666;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #aaa;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background:#005bb8;}
.bx-wrapper .bx-caption span{color:#666;}

 /***JQUERY UI TABS CSS*****************************************************************************************/
.ui-tabs-nav{ border-bottom:2px solid #003a76;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-active a, .ui-tabs-nav .ui-state-active a{border-bottom:8px solid #278cf6;text-shadow:1px 1px rgba(255,255,255,.75); color:#111;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active{ border-bottom:8px solid #003a76;	color:#444;}
.bxslider .h, .bxslider .h a{ color:#52333d}	.bxslider .h a:hover{ color:#333}
.bxDiffBg .ic{ background:none}

.bxDiffBg2 .ui-tabs-nav a, .bxDiffBg2 .ui-tabs-nav .ui-tabs-disabled a:hover,.bxDiffBg2  .ui-tabs-nav .ui-tabs-disabled a:focus,.bxDiffBg2  .ui-tabs-nav .ui-tabs-disabled a:active{ border-bottom:none; background:#00356c; color:#fff;text-shadow:1px 1px rgba(0,0,0,.35);}
.bxDiffBg2 .ui-tabs-active a,.bxDiffBg2 .ui-tabs-nav .ui-state-active a{border-bottom:none; color:#fff; text-shadow:1px 1px rgba(0,0,0,.35); background:#06c}
.bxDiffBg2 .picBg, .bxDiffBg2 .imgWidth, .bxDiffBg2 .imgBg { border-radius:50%;}

/***MOBILE STYLES***********************************************************************************************/
@media(max-width:640px){
#bodyFormat1 .row1 .col-1{ background:none}
.plusMinus:before{color:#fff;}
#footerFormat1 .row1 .col-2{border-top:1px solid #444;}
.common_project li{border-bottom:1px solid #333;}
.ttwCommonForm>ul .on {border-bottom-color:#2a2a2a}
}
@media(max-width:480px){
.formTable tbody tr{border:1px solid #ccc;}
}

/*************** sticky header *****************/
@media(min-width:980px){.t2_fixer.afterdiv > div{width:980px;margin:0 auto;} }
.t2_fixer{position:fixed; width:100%; z-index:9999999999999; top:0;left:0; background:#00264d; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.6);}
.t2_fixer #tml > ul > li > a {text-shadow:none;}

.t2_fixer #tml > ul > li:after{ left:auto; right:0px; width:1px; height:100%; }
.t2_fixer .rightarrowclass{ display:none; }
.t2_fixer #tml > ul > li a{ padding:12px 13px; margin:0px; }

.t2_fixer #tml > ul > li, .t2_fixer #tml > ul > li > a { display:inline-block;float:left;}
.t2_fixer #tml ul ul {left:0px !important; top:36px !important;}
.t2_fixer #tml ul ul ul {left:200px !important; top:0 !important;}