/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

body {
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 130%;
    margin: auto;
    /*padding: auto;*/
    width:1050px;
}

td.label {
    text-align: right;
}

h1 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

h2 {
    font-family: "Avant Garge","Century Gothic", arial;
    font-size: 150%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

ul.arrowed {
    margin: 0;
    padding-left: 1.5em;
}

ul.arrowed li {
    list-style-image: url('/siteimages/arrow_right.gif');
    line-height: 120%;
    margin: 0;
    padding: 0;
}

ul.arrowed li a {
    color: #C00;
}

/**
* Generic container to use to hold page content
*/

div.container {
    width: 85%;
    width: 780px;
    margin: 0 auto;
    text-align: left;
}

/**
* Header 
*/

div#headerContainer {
    background-image: url('/siteimages/header_bg.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
}

div#header {
    width: 100%;
    height: 40px;
}

div#header h1 a {
    display: block;
    height: 54px;
    text-indent: -1234em;
    overflow: hidden;
    background-image: url('/siteimages/header/logo.gif');
    background-repeat: no-repeat;
    background-position: 0 7px;
}


div#headerRight {
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

div#headerRight a {
    color: #FFF;
}

div#headerRight div#headerLogin input {
    width: 120px;
    border: none;
    font-size: 10px;
    padding: 3px;
}

/**
* Page main content
*/

div#page {
    background-color: #FFF;
    min-width: 830px;
    min-height: 300px; 
    margin-top: 20px;
}

h2.pageTitle
{
    font-family: "Avant Garge","Century Gothic", arial;
    border-bottom: 1px #CCC solid;
    padding: 0 0 .5em 0;
    margin: 0 0 .5em 0;
}

div#mainContentWithSideBar {
    margin-right: 210px;
}

/**
* Right hand column
*/
div#rightCol {
    float: right;
    width: 200px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding: 0;
    margin: 0;
}

div#rightCol h2 {
    border: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

/**
* Footer
*/

div#footer {
    width: 100%;
    height: 100px;
    background: url('/images/footer_bg.gif') repeat-x;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 10px;
}

div#footer div.column {
    float: left;
    padding-right: 50px;
}

div#footer div.right_column {
    float: right;
    padding-right: 0px;
}

div#footer div.right_column a{
	text-decoration: underline;	
}

div#footer ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

div#footer ul li {
    font-size: 11px;
    font-weight: normal;
}

div#footer ul a {
    color: #FFF;
    text-decoration: none;
}

/**
* Form items styles
*/

form {
    margin: 0;
    padding: 0;
}

input, select, textarea {
    border: 1px #000 solid;
    font-size: 12px;
}

input, textarea {
    padding-left: 2px;
    padding-right: 2px;
}

input.checkbox,
input.radio {
    border: none;
    padding: 0;
}

input.button {
    height: 21px;
    border: none;
    background-color: #C00;
    background-image: url('/siteimages/button_right.gif');
    background-repeat: no-repeat;
    background-position: right;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding-right: 12px;
    cursor: pointer;
}

input[type="button"] {
    cursor: pointer;
}

input.buttonLeft {
    height: 21px;
    border: none;
    background-color: #C00;
    background-image: url('/siteimages/button_left.gif');
    background-repeat: no-repeat;
    background-position: left;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding-left: 12px;
}

form h2.pageTitle {
    border: none;
}
form h3 {
    border-bottom: 1px #CCC solid;
    font-family: "Avant Garge","Century Gothic", arial;
    padding: 5px 0;
    margin: 5px 0;
    margin-bottom: 10px;
}


/**
* Offered homepage
*/

div#offeredHome {
    height: 330px;
    background-color: #EEE;
    margin: 0;
    padding: 0;
}

div#offeredHome div#heightSpecifier {
    height: 310px;
    padding: 10px;
}

div#offeredHome div#map {
    float: right;
    width: 240px;
    background-color: #FFF;
    text-align: center;
    padding: 10px;
    margin: 0;
}

div#offeredHome div#leftContent {
    height: 167px;
    margin-right: 270px;
    padding: 0;
}

div#offeredHome div#leftContent div#heightSpecifier {
    height: 167px;
    padding: 0;
}

div#offeredHome div#leftContent h2 {
    height: 25px;
    vertical-align: top;
    margin: 0;
    padding: 0;
}   

div#offeredHome div#leftContent div#leftCol {
    height: 132px;
    background-color: #FFF;
    font-size: 13px;
    margin-right: 140px;
    padding: 5px;
}

div#offeredHome div#leftContent div#rightCol {
    float: right;
    width: 135px;
    height: 132px;
    padding: 0;
}

div#offeredHome table {
    width: 100%;
    margin: 10px 0 0 0;
    border-top: 1px #f5cccc solid;
}

div#offeredHome table tr.odd {
    background-color: #fdf2f2;
}

div#offeredHome table tr.even {
    background-color: #fdfbfb;
}

div#offeredHome td {
    height: 22px;
    border-bottom: 1px #f5cccc solid;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 2px;
}

div#offeredHome td a,
div#offeredHome td.out a {
    color: #333;
}

div#offeredHome td a:hover,
div#offeredHome td.over a {
    color: #C00;
}

div#offeredHome div#leftContent div#rightCol span.rightTitle a{
	color: #000;
	font-weight: bold;
}

/**
* Quick search
*/

div#quickSearch {
    background-color: #F2C8CB;
}

div#quickSearch h2 {
    background-image: url('/siteimages/quick_search_bg.gif');
    background-repeat: repeat-x;
    background-color: #BE0E26;
    color: #FFF;
    padding: 5px;
    margin: 0;
}

div#quickSearch a {
    color: #000;
}

div#quickSearch label {
    font-weight: bold;
}

div#quickSearch input,
div#quickSearch select {
    border: none;
    font-size: 11px;
}

div#quickSearch input.button {
    width: 120px;
    height: 16px;
    border: none;
    background-color: #FFF;
    background-image: url('/siteimages/quick_search_button_right.gif');
    background-repeat: no-repeat;
    background-position: right;
    font-size: 10px;
    font-weight: bold;
    color: #BE0E26;
    text-align: left;
    padding-right: 12px;
}

div#quickSearch div.col {
    float: left;
    padding-right: 10px;
}

div#quickSearch p {
    margin: 0 0 5px 0;
}

div#quickSearch a.forward {
    background-image: url('/images/arrow_right_black.gif');
    background-repeat: no-repeat;
    background-position: right;
    color: #000;
    font-weight: normal;
    padding: 0 10px 1px 0;
}


/**
* Side bar promos
*/
div#sideBarUpgradePromo {
    border: 1px #999 solid;
    background-color: #FFF;
    padding: 10px;
    margin-top: 5px;
}

div#sideBarUpgradePromo ul {
    padding-left: 20px;
    margin: 0 0 5px 0;
}

div#sideBarUpgradePromo li {
    color: #C00;
}


/**************REAL FLATSHARE**************/

ul.arrowed li a {
    color: #339;
}

h2{
    font-size: 15px;
}
/**
* Generic container to use to hold page content
*/

div.container {
    width: 95%;
    margin: 0 auto;
    text-align: left;
}

/**
* Form items styles
*/

input.button {
    background-color: #CC0000;
    color: #FFF;
}

input.buttonLeft {
    background-color: #336;
    color: #FFF;
}

/**
* Curves
*/
div#headerContainer .bl, 
div#realFooter .bl,
div#quickSearch .bl {
    background: url(/siteimages/red-bl.gif) 0 100% no-repeat #CC0000; 
}

div#headerContainer .br, 
div#realFooter .br, 
div#quickSearch .br  {
    background: url(/siteimages/red-br.gif) 100% 100% no-repeat;
}

div#headerContainer .tl, 
div#realFooter .tl, 
div#quickSearch .tl {
    background: url(/siteimages/red-tl.gif) 0 0 no-repeat;
}

div#headerContainer .tr, 
div#realFooter .tr, 
div#quickSearch .tr {
    background: url(/siteimages/red-tr.gif) 100% 0 no-repeat;
}

div#mainContentWithSideBar .bl {background: url(/siteimages/dark-grey-bl.gif) 0 100% no-repeat #CCC; }
div#mainContentWithSideBar .br {background: url(/siteimages/dark-grey-br.gif) 100% 100% no-repeat}
div#mainContentWithSideBar .tl {background: url(/siteimages/dark-grey-tl.gif) 0 0 no-repeat #CCC; color: #000;}
div#mainContentWithSideBar .tr {background: url(/siteimages/dark-grey-tr.gif) 100% 0 no-repeat}


div#mainContentWithSideBar .bl_light {background: url(/siteimages/grey-bl-light.gif) 0 100% no-repeat #EEE; }
div#mainContentWithSideBar .br_light {background: url(/siteimages/grey-br-light.gif) 100% 100% no-repeat}
div#mainContentWithSideBar .tl_light {background: url(/siteimages/grey-tl-light.gif) 0 0 no-repeat #EEE; color: #EEE;}
div#mainContentWithSideBar .tr_light {background: url(/siteimages/grey-tr-light.gif) 100% 0 no-repeat}

div#accountSideNav .bl, div#sideBarUpgradePromo .bl {background: url(/siteimages/dark-grey-bl.gif) 0 100% no-repeat #CCC; }
div#accountSideNav .br, div#sideBarUpgradePromo .br {background: url(/siteimages/dark-grey-br.gif) 100% 100% no-repeat}
div#accountSideNav .tl, div#sideBarUpgradePromo .tl {background: url(/siteimages/dark-grey-tl.gif) 0 0 no-repeat #CCC; color: #000;}
div#accountSideNav .tr, div#sideBarUpgradePromo .tr {background: url(/siteimages/dark-grey-tr.gif) 100% 0 no-repeat}

/**
* Header 
*/

div#headerContainer {
    width: 95%;
    background: none;
    margin: 0 auto;
    height: 20px;
}

div#headerContainer div.container {
/*    width: 985px;*/
}

div#headerRight {
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
}

div#topHeaderContainer{
    width: 95%;
    padding: 10px 0 5px 0;
    display: table;
    margin: 0 auto;
}


/**
* Footer
*/

div#footer {
    width: 95%;
    height: 90px;
    background: none;
    color: #000;
    font-size: 10px;
    margin: 30px auto 0 auto;
    padding: 5px 0 0 0;
}

div#footer div.hr{
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0 0 0 0;
    border-top: 1px solid #999;
}

div#footer ul {
    margin: 5px 0 0 0;
}
    
div#footer a, div#footer ul a, div#realFooter a {
    color: #C00;
    text-decoration: none;
}

div#footer div.column {
    float: left;
    width: 200px;
}

div#footer div#groupHeaders{
    color:#000;
    font-weight:bold;
    font-size: 11px;     
}

div#realFooter{
    width: 95%;
    margin: 30px auto 0 auto;
    font-size: 10px;
}

div#realFooter div.footerBar{
    height: 16px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
}

div#realFooter div.footerBar a {
    color: #FFF;
}

/**
* Offered homepage
*/

div#offeredHome table {
    border-top: 1px #EDA7A7 solid;
}

div#offeredHome table tr.odd {
    background-color: #F9E1E1;
}

div#offeredHome table tr.even {
    background-color: #FDE8E8;
}

div#offeredHome td {
    border-bottom: 1px #EDA7A7 solid;
}

div#offeredHome td a:hover,
div#offeredHome td.over a {
    color: #CC0000;
}


/**
* Quick search
*/

div#quickSearch {
    background-color: #F9E1E1;
    color: #CC0000;
}

div#quickSearch h2 {
    background-color: #336;
    color: #FFF;
}

div#quickSearch input.button {
    background-color: #FFF;
    color: #CC0000;
}

div#quickSearch a.forward {
    background-image: url('/images/arrow_right.gif');
    color: #CC0000;
}


/**
* Side bar promos
*/
div#sideBarUpgradePromo li {
    color: #CC0000;
}

div#sideBarUpgradePromo input.button {
    background-image: url('/siteimages/button_right_grey.gif');
}

div#accountSideNav h2, div#accountSideNav div#logonInfo
{
    background-color: #666666;
}

div#accountSideNav
{
    background-color: #EEE;
    padding: 0;
    margin: 10px 0 0 0;
}

div#real_switcher {
    position: relative;
    width: 500px;
    height: 20px;
    margin-top: 5px;
    margin: 0;
}

div#real_switcher #tmp_menu {
    margin:0 0 0 0;
}

div#real_switcher #tmp_menu a {
    color:#FFFFFF;
    text-decoration:none;
}
div#real_switcher a {
    color:#CC0000;
    font-weight:bold;
    text-decoration:none;
}

div#real_switcher #tmp_menu .menubar {
    color:#FFFFFF;
    padding:0pt 0pt 0pt 7px;
}
div#real_switcher #tmp_menu .menubar ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:-2px 0pt 0pt;
    padding:0pt;     
}
div#real_switcher #tmp_menu .menubar li {
    background:transparent url(/siteimages/menu/hov_tr.gif) no-repeat scroll right top;
    float:left;
    margin-right:2px;
    position:relative;
    width:auto;
}
div#real_switcher #tmp_menu .menubar li a {
    background:#CC0000 url(/siteimages/menu/off_t.gif) repeat-x scroll center top;
    display:block;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.0909em;
    padding:4px 5px;
    width:auto;
}
div#real_switcher #tmp_menu .menubar li a:hover {
    background:transparent url(/siteimages/menu/hov_tl.gif) no-repeat scroll left top;
}
div#real_switcher #tmp_menu .menubar li.high {
    background:transparent url(/siteimages/menu/on_tr.gif) no-repeat scroll right top;
}
div#real_switcher #tmp_menu .menubar li.high a {
    background:transparent url(/siteimages/menu/on_tl.gif) no-repeat scroll left top;
    color:#5A5A5A;
    padding: 4px;
}
div#real_switcher #tmp_menu .login {
    background:transparent url(/siteimages/bar_tr.gif) no-repeat scroll right top;
    float:right;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.2em;
    padding:2px 12px 2px 5px;
}

#loginRegister{
    margin: 0 7px 0 0;
}
#headerLogin table{
    margin: 0;
    padding: 0;
}
#headerLogin table td{
    margin: 0;
    padding: 0 0 0 5px;
}
#headerLogin #quickLoginEmail, #headerLogin #quickLoginPassword{
    height: 10px;
    font-size: 9px !important;
}

/* Offered */

div#offeredHome {
    height: 890px !important;
    background-color: #EEE;
    margin: 0;
    padding: 0;
}

div#offeredHome div#heightSpecifier {
    height: 310px;
    padding: 10px;
}

div#offeredHome div#leftContent div#leftCol, div#wantedHome div#leftContent div#leftCol {
    background: none;
    font-size:11px;
    height:150px;
    padding:5px;
    width:63%;
    background-color: #FFF;
}

div#offeredHome div#leftContent div#rightCol, div#wantedHome div#leftContent div#rightCol {
    background:none;
    font-size:11px;
    height:150px;
    padding:5px;
    width:33%;
}

div.topTitle{
    padding:0px 2px 4px 10px;
    font-size: 13px;
    height: 12px;
    font-weight: bold;
}

div#accountSideNav ul li, div#sideBarUpgradePromo ul li {
    background:transparent url(/images/arrow_right.gif) no-repeat scroll 0pt 3px;
    list-style-type:none;
    margin:0pt;
    padding:0pt 0pt 0pt 10px;
}

div#accountSideNav ul li a, div#sideBarUpgradePromo ul li a {
    color:#C00;
}

div#sideBarUpgradePromo ul {
    margin:0pt 0pt 5px;
    padding-left:10px;
}

div#accountContainer, div#sideBarUpgradePromo div.upgradeContent{
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

div#accountContainer div#loginInfo{
    background-color: #FFF;
    padding-bottom: 5px;    
}

div.upgradeContent{
    padding: 5px 0;    
}

div#accountContainer div#loginInfo p, div.upgradeContent p{
    padding: 2px 0 0 7px;
    color: #666;
    margin: 0;
}

div#accountContainer div#options{
    border-top: 1px solid #666;
    padding-bottom: 5px;
}

div#sideBarUpgradePromo {
    background-color:#EEE;
    margin-top:10px;
    padding:0px;
    border: none;
}

div#sidebarLinks{
    margin: 10px 0 0 10px;
}

div#sidebarLinks ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt;  
}

#sidebarLinks ul li {
    display:inline;
    margin:0pt;
    padding:0pt;
}

#sidebarLinks li a {
    background-image:url(/siteimages/sidebar-links-matrix.gif);
    background-position:0pt;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin:3px 5px 0pt 0pt;
    overflow:hidden;
    text-indent:-1234em;
    width:167px;
    height:20px;         
}

#sidebarLinks li#offeredLink a {
    background-position:-165px 0px;
}
#sidebarLinks li#offeredLink.current a, #sidebarLinks li#offeredLink a:hover {
    background-position:-165px -20px;
}
#sidebarLinks li#wantedLink a {
    background-position: 0 0;
}
#sidebarLinks li#wantedLink.current a, #sidebarLinks li#wantedLink a:hover {
    background-position: 0 -20px;
}

/**************REAL BRIGHTON**************/
#leftColumn {
    float:left;
    width:300px
}

#rightColumn {
    float:right;
}

h2.largeGrey {
    color:#666666;
    font-size:22px;
    line-height:24px;
    font-weight:normal;
}

p.brightonText {
    color:#666666;
    font-size:12px;
    font-weight:bold;
    line-height:17px;
}

img.BrButton {
    border:0;
    margin-top:8px;
    padding:0 !important;
}

#featureCon {
    background-color:#d4d4d4;
    width:247px;
    float:left;
    padding-bottom:10px;
}

#featureCon2 {
    background-color:#e9d1d1;
    width:440px !important;
    width:247px;
    float:left;
    padding-bottom:10px;
}

#featureCon2 p {
    line-height:12px;
}

.featureFlat {
    float:left;
}

.featureFlat img{
    float:left;
    margin:10px !important;
    border:1px solid black;
}

.featureFlat p{
    float:right;
    width:120px;
    line-height:16px;
    color:#666666;
    margin-top:10px;
}

.brLink {
    text-decoration:underline;
    color:#666666;
    font-weight:normal;
    font-size:11px;
}

.tableBr, .tableBr tr, .tableBr td{
    border:none !important;
    padding:0 !important;
    margin:0 !important;
}