@import url('elements.css');
@import url('submenu.css');

/* // COLOR SCHEME /////////////////////////*/
/*
/> Soft Color - Dark - #dfcdaa
/> Soft Color - Medium - #f8d99f
/> Soft Color - Light - #fdf4e3
/>
/> Soft Muted Color - Dark - #494949
/> Soft Muted Color - Medium - #dadada
/> Soft Muted Color - Light - #f7f7f7
/>
/> Main Color - Dark  - #510b5e
/> Main Color - Medium - #743c85
/> Main Color - Light - #ecdff0
/>
/> Secondary Color - Dark - #a65915
/> Secondary Color - Medium - #d06f1a
/> Secondary Color - Light - #ffd8b6
/>
/> Eye Pop Color - Dark - #4f8012
/> Eye Pop Color - Medium - #7fcd1d
/> Eye Pop Color - Light - #dceec5
/> 
////////////////////////////////////////////*/

body, html {
	behavior: url(csshover.htc);
	behavior: url(../csshover.htc);
	word-wrap: break-word;
	color: #494949;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background: #510b5e;
}

.small {
font-size: 11px;	
}
.clearrow {
clear: left;	
}

.vertical-member {

}

#all {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#all-3tv {
	width: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.optimusprime {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	display: block;
}

/* GLOBAL NECESSITIES */
/* Try not to touch this stuff if you can help it */

.clearrow { clear: left;}
.clearboth { clear: both; }
.clickable { cursor: pointer; }
.floatright { float: right; }
.abstop { position: absolute; top: 0; }
.tablefull { width: 99%; }
.floatleft { float: left; }
.clearcontainer {
width: 100%;
overflow: hidden;
}
.ulstrip {
margin: 0;
padding-left: 15px;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
form {
	margin: 0;
	padding: 0;
}
.smallfont {
font-size: 11px;
}
li {
list-style-image: url(../asset/elements/bullet-arrow.gif);
}

h1 {
	font-size: 14px;
	margin: 0; 
}

/* HACK/FIX Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* LINK STYLES */

a:link, a:visited, a:active {
color: #510b5e;
text-decoration: underline;
}

a:hover {
color: #510b5e;
text-decoration: none;
}

a.whitelink:link, a.whitelink:visited, a.whitelink:active {
color: #fff;
text-decoration: underline;
}

a.whitelink:hover {
color: #fff;
text-decoration: none;
}

.whitetext {
	color: #fff;
}

/* LIST STYLES */

.couponitems {}

.couponitems ul {
margin: 0;
padding: 0;
}
.couponitems li {
list-style-image: none;
list-style: none;
border-top: 1px dashed #743c85;
background: #d06f1a;
}
.couponitems li:hover {
background: #743c85;
}
.couponitems a, .couponitems a:link {
display: block;
height: 20px;
padding: 5px;
color: #fff !important;
}

/* LIST STYLES AATEST.PHP */

.couponitems2 {}

.couponitems2 ul {
margin: 0;
padding: 0;
}
.couponitems2 li {
list-style-image: none;
list-style: none;
border-top: 1px dashed #dfbe80;
}
.couponitems2 li:hover {
background: #dfbe80;
}
.couponitems2 a, .couponitems2 a:link {
display: block;
height: 20px;
padding: 5px;
color: #000 !important;
}

/* HEADING/TITLE STYLES */
/* Different styles for titles and bolds and stuff */

.hs-purple-small {
	color: #510b5e;
	font-weight: 700;
}
.hs-orange-small {
	color: #d06f1a;
	font-weight: 700;
}
.hs-white-small {
	color: #fff;
	font-weight: 700;
}
.hs-orange-medium {
	color: #d06f1a;
	font-weight: 700;
	font-size: 14px;
}
.hs-softbox {
	padding: 10px 0 0 0;
	background: #fdf4e3;
	display: block;
	text-indent: 15px;
	border-bottom: 1px dashed #dfcdaa;
}
.hs-softbox:hover {
	background: #ffeecf;
	border-bottom: 1px dashed #dfcdaa;
}
.h2purple {
	font-size: 16px;
	font-weight: 700;
	color: #510b5e;
	padding: 0;
	margin: 0
}
.h2purple-large {
	font-size: 18px;
	font-weight: 700;
	color: #510b5e;
	padding: 0;
	margin: 0
}
.h2white {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	padding: 0;
	margin: 0
}
h2 {
	font-size: 15px;
	font-weight: 700;
	color: #d06f1a;
	padding: 0;
	margin: 0; 
}
.titlebar-whitetogrey {
	height: 27px;
	padding: 7px 0 0 0;
	background: url(../asset/elements/titlebg-whitetogrey.jpg) repeat-x;
	color: #d06f1a;
	font-size: 15px;
	font-weight: 700;
	text-indent: 15px;
	border-top: 1px dashed #dadada;
	border-bottom: 1px solid #cfcfcf;
	clear: both;
}
#pagetitle {
	min-height: 36px;
	_height: 36px;
	background: #f2f2f2;
	color: #510b5e;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 0 0 0;
}
.pagetitletall {
	min-height: 70px !important;
	_height: 70px !important;
}
#pagetitle-aatest {
	min-height: 25px;
	_height: 25px;
	background: #f2f2f2;
	color: #510b5e;
	font-size: 16px;
	font-weight: 700;
	padding: 6px 0 0 0;
	margin: 0;
}
#pagecrumb {
	position: relative;
	height: 26px;
	background: #510b5e;
	color: #fff;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}

/* HEADER */


#header {
	width: 850px;
}

#header-top {
	height: 25px;
	background: #510b5e;
	border-bottom: 4px solid #d06f1a;
	margin: 0 0 15px 0;
}

#header-mid {
	height: 96px;
	margin: 0 0 15px 0;
	
	background-image: url(../asset/tfilogo.gif);
	background-repeat: no-repeat;
}

#header-btm {
	height: 28px;
}

.logo {
	width: 218px;
	height: 96px;
	float: left;
}

.header-banner {
	float: right;
	height: 96px;
}

.bannerimg {
	position:fixed;
}

#nav-sub {
	margin-right: 190px;
}

#header-btm-right {
	width: 190px;
	float: right;
	text-align: right;
}

.search-bar {}

.is-search {
	height: 13px;
	width: 100px;
	border: 1px #743c85 solid;
	font-size: 11px;
	padding: 3px;
}
.is-join {
	height: 13px;
	width: 100px;
	border: 1px #743c85 solid;
	font-size: 11px;
	padding: 3px;
}

/* MAIN */
/* The whole sites container and contaienr between header and footer */

#main {

	border-top: 5px solid #510b5e;
	margin-bottom: 30px;
}

.realtorgrey {
height: 25px;
min-height:20px;
}

#pagecontent {

	float: right;
	width: 651px;

}
#memberseal {
	display: none;
	position: absolute;
	width: 72px;
	height: 70px;
	background: url(../asset/elements/memberseal.gif) no-repeat;
}

.memberseal-aatest {
	float: left;
	margin-left: 15px;
	background: url(../asset/memberseal-black.gif);
	width: 70px;
	height: 70px;
}
/* COLUMNS / STACKABLE BOXES */
/* The columns found in the body of the site, on the start of each main section */

.half-left {
width:49%;
float: left;
}
.half-right {
width: 49%;
float: right;
}
.half-left-short {
width: 48%;
float: left;
}
.half-right-short {
width: 48%;
float: right;	
}

.third-left-realtor {
	background-color: #f7f7f7;
	width: 217px;
	height: 95px;
	float: left;
	position: static;
}
.third-left {
	background-color: #f7f7f7;
	width: 217px;
	float: left;
	position: static;
	
}
.third-left-pad {
	width: 31%;
	float: left;
	position: static;
	margin: 0 0 5px 5px;
}
.fourth-left {
	background-color: #f7f7f7;
	width: 24%;
	float: left;
	position: static;
}
.fourth-left-pad {
	width: 24%;
	float: left;
	position: static;
	margin: 0 0 5px 5px;
}
.half-stack {
	width: 49%;
	float: left;
	position: static;
	margin: 0 5px 5px 0;
}
div.third-left:hover {
	background-color: #e1ffc3; /* COLUMNN ROLL OVER COLOR */
}
.greybox {
	background-color: #f7f7f7;
}
.greybox-column {
	height: 140px;
	overflow: hidden;
}
.greybox-column-relocation {
	height: 80px;
	overflow: hidden;
}
.greytitle {
	height: 31px;
	background-image: url(../asset/gradient-titlegrey.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #dadada;
	padding-left: 15px;
	padding-top: 10px;
	font-weight: 700;
}
.brdr-medgrey-r {
	border-right: 1px solid #dadada;
}
.requestbtn {
	background: url(../asset/btn-request.gif) no-repeat;
	width: 170px;
	height: 41px;
}

/* PAGE IMAGE STYLES */
/* The images exclusively used in page specific areas */

.title-home,
.title-office,
.title-life,
.title-realestate,
.title-auto,
.title-free,
.title-searchbycity,
.title-searchbyzip,
.title-searchbygeneral,
.title-findahome,
.title-costofliving,
.title-movingtips,
.title-mapofyourarea,
.title-localschools,
.title-prequalify,
.title-findajob,
.title-importantlinks,
.title-utilities
{ 
height: 31px;
display:block;
background-repeat: no-repeat;
}
.icon-home,
.icon-office,
.icon-life,
.icon-realestate,
.icon-auto,
.icon-free,
.icon-findahome,
.icon-costofliving,
.icon-movingtips,
.icon-mapofyourarea,
.icon-localschools,
.icon-prequalify,
.icon-findajob,
.icon-importantlinks,
.icon-utilities
{
height: 48px;
background-repeat: no-repeat;
}
.icon-findahome,
.icon-costofliving,
.icon-movingtips,
.icon-mapofyourarea,
.icon-localschools,
.icon-prequalify,
.icon-findajob,
.icon-importantlinks,
.icon-utilities
{
height: 48px;
background-repeat: no-repeat;
}
.icontitle-home,
.icontitle-office,
.icontitle-life,
.icontitle-realestate,
.icontitle-auto,
.icontitle-free
{
height: 44px;
width: 137px;
background-repeat: no-repeat;
float:right; 
margin-top: -10px;
margin-right: 15px;
}

.spacebtns img{
margin: 0 0 5px 0;
}
.spacebtns-down img {
margin: 5px 0 0 0;
}
/*TOFIXIT MAIN STYLES*/
.main-purplebar {
	background: url(../asset/main-purplebar.gif) no-repeat;
	width: 585px;
	height: 30px;
	padding: 4px 0 0 10px;
}
#pagecontent-main {
	float: right;
	width: 625px;
}
/* Home Page titles */
.title-home {background: url(../asset/title-home.gif);}
.title-office {background: url(../asset/title-office.gif);}
.title-life {background: url(../asset/title-life.gif);}
.title-realestate {background: url(../asset/title-realestate.gif);}
.title-auto {background: url(../asset/title-auto.gif);}
.title-free {background: url(../asset/title-free.gif);}
.title-findahome {background: url(../asset/title-findahome.gif);}
/* Relocation Titles */
.title-findahome {background: url(../asset/relocation/title-findahome.gif);}
.title-costofliving {background: url(../asset/relocation/title-costofliving.gif);}
.title-movingtips {background: url(../asset/relocation/title-movingtips.gif);}
.title-mapofyourarea {background: url(../asset/relocation/title-mapofyourarea.gif);}
.title-localschools {background: url(../asset/relocation/title-localschools.gif);}
.title-prequalify {background: url(../asset/relocation/title-prequalify.gif);}
.title-findajob {background: url(../asset/relocation/title-findajob.gif);}
.title-importantlinks {background: url(../asset/relocation/title-importantlinks.gif);}
.title-utilities {background: url(../asset/relocation/title-utilities.gif);}
/* Realtor Program */
.title-searchbycity {background: url(../asset/title-searchbycity.gif);}
.title-searchbyzip {background: url(../asset/title-searchbyzip.gif);}
.title-searchbygeneral {background: url(../asset/title-searchbygeneral.gif);}

/* Relocation Icons */
.icon-findahome {background: url(../asset/relocation/icon-findahome.gif);}
.icon-costofliving {background: url(../asset/relocation/icon-costofliving.gif);}
.icon-movingtips {background: url(../asset/relocation/icon-movingtips.gif);}
.icon-mapofyourarea {background: url(../asset/relocation/icon-mapofyourarea.gif);}
.icon-localschools {background: url(../asset/relocation/icon-localschools.gif);}
.icon-prequalify {background: url(../asset/relocation/icon-prequalify.gif);}
.icon-findajob {background: url(../asset/relocation/icon-findajob.gif);}
.icon-importantlinks {background: url(../asset/relocation/icon-importantlinks.gif);}
.icon-utilities {background: url(../asset/relocation/icon-utilities.gif);}

.icon-home {background: url(../asset/icon-home.gif);}
.icon-office {background: url(../asset/icon-office.gif);}
.icon-life {background: url(../asset/icon-life.gif);}
.icon-realestate {background: url(../asset/icon-realestate.gif);}
.icon-auto {background: url(../asset/icon-auto.gif);}
.icon-free {background: url(../asset/icon-free.gif);}

.icontitle-home {background: url(../asset/icontitle-home.gif);}
.icontitle-office {background: url(../asset/icontitle-office.gif);}
.icontitle-life {background: url(../asset/icontitle-life.gif);}
.icontitle-realestate {background: url(../asset/icontitle-realestate.gif);}
.icontitle-auto {background: url(../asset/icontitle-auto.gif);}
.icontitle-free {background: url(../asset/icontitle-freestuff.gif);}

/* REUSEABLE CONTAINERS */
/* Containers that many different things use, which means, BE CAREFUL */

.standardpad {

	padding: 15px;
	clear: both;

}

.standardpad-right {

	padding: 0 15px 15px 0;

}
.standardpad-left {

	padding: 0 0 15px 15px;
	
}

.standardpad-memberpage {
	padding: 15px;
	margin-right: 196px;
	min-height: 500px;
	_height:550px;
}

.float-request {
	float: right;	
	width: 196px;
}

.half-left {

	width: 50%;
	float: left;
	display: inline;

}

.half-right {

	width: 50%;
	float: right;
	display: inline;
	*margin-right: -2px;

}
.half-left {

	width: 50%;
	float: left;
	display: inline;

}

.half-right-pl {

	width: 47%;
	float: right;
	display: inline;

}

.splithalf {

	padding-left: 11px;

}

.tablewidth { width: 600px; }

/* REUSEABLE UL STYLES */
/* Different bullet styles and such for different unordered lists*/

ul.orangebullet {

	list-style-image: url(../asset/elements/bullet-arrow.gif);
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 10px;

}

ul.orangebullet li {
	
	padding-top: 5px;
	padding-bottom: 5px;
	
}

ul.stripul {

	margin: 0;
	padding: 0;

}

/* MAIN MENU */
/* Menu at the TOP of the page */

#mainmenu {
	list-style: none;
	float: right;
}
#mainmenu ul {

	margin: 0;
	padding: 0;
}
#mainmenucontainer {
	width: 835px;
	margin: 0 auto 0 auto;
}
#mainmenucontainer-corp {
	width: 835px;
	margin: 0 auto 0 auto;
}
#mainmenu li {

	float: left;
	position: static;
	display: block;
	border-right: 1px solid #743c85;

}
#mainmenu li.nodevider {
	border-right: none;
}
#mainmenu li:hover {
	background: #743c85;
}
#mainmenu li a {
	color: #fff;
	display: block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

/* LEFT COLUMN */
/* Column on the very left hand side of the page. */

#leftcolumn {

	margin-right: 651px;
	
}

#leftcolumn-corp {

	margin-right: 630px;
	
}

#rightcolumn {

	float: right;
	width: 196px;
	
}
#rightcolumn-aatest {

	float: right;
	width: 196px;
	margin-top: 15px;
	
}

#rightcolumnpush {
	position: relative;
	margin-right: 196px;
}

.action-entbooks a, .action-giftcertificates a, .action-giftcertificates-20 a, .action-howdidyouhear a, .action-relocation a, .action-btndonate a {
	float: left;
	width: 196px;
	background-repeat: no-repeat;
	margin-top: 4px;
	clear: left;
	display: block;
}

.action-btndonate a {
	height: 97px;
	background-image: url(../asset/action-btndonate.gif);
}

.action-relocation a {
	height: 58px;
	background-image: url(../asset/action-requestrelocation.gif);
}

.action-entbooks a {
	height: 58px;
	background-image: url(../asset/action-entbooks.gif);
}

.action-giftcertificates a {
	height: 97px;
	background-image: url(../asset/action-giftcertificates.gif);
}

.action-giftcertificates-20 a {
	height: 97px;
	background-image: url(../asset/action-giftcertificates-20.gif);
}

.action-howdidyouhear a {
	height: 58px;
	background-image: url(../asset/action-howdidyouhear.gif);
}

.action-marketing a {
	height: 180px;
	background-image: url(../asset/freegass-banner.jpg);
}

/* FOOTER */

#footer {
	color: #ffffff;
	background: url(../asset/ender.gif) #510b5e repeat-x;
	clear: both;
	height: auto;
}
#footer-content {
	width: 780px;
	padding: 60px 0 30px 0;
	margin: 0 auto 0 auto;
}

/* Applicants */

.greydashbottom { border-bottom: 1px dashed #dadada; }
.greysolidright { border-right: 1px solid #dadada; margin-left: -1px; }
.greysolidleft { border-left: 1px solid #dadada; margin-left: -1px; }

/* Da Big Menu Styles */

.menucolumn {
float: left;
position: static;
width: 33%;

}
.menucolumn ul {
margin: 0;
padding: 0;
}
#hotdeals_video {
float: right;
width: 260px;
height: 190px;
}

.multiservice {
margin-top: 10px;
margin-left: 10px;
background: #f6f6f6;
}
.multiservice .divider {
height: 8px;
display: block;
background: #5b1866;	
}
.multiservice .divider-r {
display: block;
height: 8px;
background: url(../asset/multiservice-divider-r.gif) no-repeat top right;
}
.multiservice .divider-l {
display: block;
height: 8px;
background: url(../asset/multiservice-divider-l.gif) no-repeat top left;
}
.multiservice-body {
padding: 7px;
background: #fff;
}
.multileft {
float: left; 
width: 388px;
}
.multiright {
float: right;
}
.multilogo {
float: left;
width: 180px;
}
.multititle {
float: right;
width: 200x;
}
.multiservice ul { margin: 10px 0 0 0; padding: 0 0 0 15px; }
.multiservice .pad { display: block; min-height: 100px; _height: 100px; padding: 7px; }
.vertical-member { }
.vertical-header { background: #510b5e; font-size: 15px; color: #fff; padding: 10px; }
.vertical-member .pad { padding: 10px; }
.pad { padding: 10px; }
.tr { background:url(../asset/crnr-outline-tr.gif) no-repeat top right;}
.tl { background:url(../asset/crnr-outline-tl.gif) no-repeat top left;}
.br { background:url(../asset/crnr-outline-br.gif) no-repeat bottom right;}
.bl { background:url(../asset/crnr-outline-bl.gif) no-repeat bottom left;}
.t { background:url(../asset/crnr-outline-t.gif) repeat-x top;}
.b { background:url(../asset/crnr-outline-b.gif) repeat-x bottom;}
.b-fade { background:url(../asset/vertical-gradient.gif) repeat-x bottom;}
.r { background:url(../asset/crnr-outline-r.gif) repeat-y right;}
.l { background:url(../asset/crnr-outline-l.gif) repeat-y left;}