html {
    width: 100%;
    height: 100%;
}

body {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #e9edf3;
    text-align: center;
}

a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:active {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #424b7b;
    text-decoration: none;
}
/*The skyline that goes across the back */
.cityskyline {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: -2;
    background: url('../images/city2.png') repeat-x;
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto; 
}

/*The main div that has a semi-transparent background*/
.mainContent {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid thin #c6c6c6;
    border-right: solid thin #c6c6c6;
    /*border-left: solid thin #424b7b;
    border-right: solid thin #424b7b;*/
    border-top: solid thin #c6c6c6;
    margin-top: 30px;
    border-width: 1px;
    min-height: 100%;
    height:auto !important;
    background: url('../images/back.png') repeat;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}

/*Box that holds login-register*/
.topLeftBox {
    text-align: center;
    width: 200px;
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    height: 20px;
    background-color: #ebeced;
}

/* Used to clear */
.clear {
    clear: both;
}


/*Seperator after menu*/
.seperator {
    margin-top: 10px;
    margin-bottom: 0px;
}

/* NavigationBar */
ul#menu {
    width: 100%;
    height: 34px;
    background: url("../images/newmenu-off.png") top left repeat-x;
    font-size: 1em;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#menu li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    font-size: 12px;
}

ul#menu li a {
    height: 34px;
    color: #424b7b;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 130%;
    padding: 8px 8px 0;
}

ul#menu li a.current {
    color: black;
    color: #ebeced;
    background:  url("../images/newmenu-on.png") top left repeat-x;
}

ul#menu li a:hover {
    color: white;
    background:  url("../images/newmenu-hover.png") top left repeat-x;
}


/*Right content box*/
.rightContent {
    width: 30%;
    float: right;
    text-align: right;
    margin-right: 15px;
}


/*A box on the right*/
.rightContentBox {
    width: 90%;
    text-align: right;
    margin: 0 auto;
    margin-top: 30px;
}

/*Header for right content box*/
.rightContentBox h2 {
    font-size: 18px;
    color: #424b7b;
    text-align: right;
    border-bottom: solid thin #e0a265;
    border-width: 1px;
}


/*Left content Box*/
.leftContent {
    width: 65%;
    float: left;
    margin-left: 25px;
    text-align: left;
    border-right: solid thin #c6c6c6;
    border-width: 1px;
}

/*A box on the left*/
.leftContentBox {
    width: 95%;
    margin: 0 auto;
    margin-left: 0px;
    margin-top: 30px;
    margin-right: 10px;
}

/*Header for left content box*/
.leftContentBox h2 {
    color: #424b7b;
    text-align: right;
    border-bottom: solid thin #e0a265;
    border-width: 1px;
}

/*sub header for left content box*/
.leftContentBox h3 {
    color: #424b7b;
    text-align: left;
    border-bottom: dashed thin #e0a265;
    width: 60%;
}

/*Footer for bottom of page*/
.footer {
    position: relative;
    bottom: 0px;
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-bottom: 20px;
}


/* For Links */
td a:link {
    text-decoration: none;
    color: black;
    border: 0;
}


td a:visited {
    text-decoration: none;
    color: black;
    border: 0;
}

td a:active {
    text-decoration: none;
    color: black;
    border: 0;
}

td a:hover {
    text-decoration: none;
    color: #424b7b;
}






/*Alphabet links*/
.browseAlphaRow {
    font-size: 14px;
    font-weight: normal;
    color: #e0a265;
    margin-left: 30px;
}

.browseAlphaRow a {
    font-size: 14px;
    font-weight: normal;
    color: #e0a265;
    display: block;
}

.browseAlphaRow a:link {
    text-decoration: underline;
}

.browseAlphaRow a:visited {
    text-decoration: none;
    color: #e0a625;
}

.browseAlphaRow a:active {
    text-decoration: none;
    color: #e0a625;
}

.browseAlphaRow a:hover {
    font-size: 14px;
    color: #424b7b;
}



/*Login Form*/
.loginform p {
    width: 100%;
}

.loginform label {
    width: 100px;
    font-size: 13px;
    float: left;
    line-height: 1.7em;
    margin-left: 300px;
}

.loginform input {
    float: left;
    width: 170px;
    margin-left: 0px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
}

.loginform textarea {
    width: 250px;
    height: 150px;
}

.loginform input.submit {
    width: 60px;
    float: left;
    margin-left: 400px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
}

.loginform input.submit:hover {
    background-color: #e0a265;
    color: #424b7b;
    font-weight: bold;
}

.loginform input.reset {
    width: 60px;
    margin-left: 5px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
}

.loginform input.reset:hover {
    background-color: #e0a265;
    color: #424b7b;
    font-weight: bold;
}

.loginform input:focus {
    background-color: #e8e8e8;
}

.loginform textarea:focus {
    background-color: #e8e8e8;
}

/*Username hovering in account*/
.usernameHoverLeft {
    float: left;
    color: #e0a265;
    color: black;
    color: #424b7b;
    font-size: 13px;
    margin-top: -30px;
}


/* links when logged in */

.loggedLink {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    font-size: 14px;
    color: #424b7b;
}





/* Table */
table.companiesTable {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.companiesTable td {
    color: #000;
    padding: 4px;
    text-align: left;
}

table.companiesTable td.headerCell {
    background-color: #666;
    color: #fff;
    padding: 4px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    border: solid thin #666;
    border-width: 1px;
}

table.companiesTable td.normalCell {
    color: black;
    padding: 4px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    border: solid thin #666;
    border-width: 1px;
}

table.companiesTable tr.admin:hover {
    background-color: #d4d2d2;
}


/* Image Links */
a.img {
    border: 0;
}

img {
    border: 0;
}


/*contact Form*/
.contactForm p {
    width: 100%;
}

.contactForm label {
    font-size: 14px;
    float: left;
    width: 120px;
    margin-left: 20px;
    font-weight: bold;
}

.contactForm input {
    float: left;
    width: 170px;
    margin-left: 50px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
}

.contactForm textarea {
    float: left;
    width: 250px;
    height: 170px;
    margin-left: 50px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.contactForm input.submit {
    float: left;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
}

.contactForm input.submit:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.contactForm input.reset {
    
    float: left;
    margin-left: 5px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-left: 20px;
}


.contactForm fieldset {
    border-width: 1px;
    border: solid thin #424b7b;
    border: solid thin gray;
}

.contactForm input.reset:hover {

    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.contactForm fieldset legend {
    position: relative;
    right: 0px;
    
}

.formError {
    color: red;
    font-size: 12px;
}

.contactForm input:focus {
    background-color: #e8e8e8;
}

.contactForm textarea:focus {
    background-color: #e8e8e8;
}




.browseLeft {
width: 40%;
float: left;
margin-top: 20px;
margin-left: 50px;
}

.browseRight {
width: 40%;
float: right;
margin-top: 20px;
margin-left: 50px;
}

.rightLetter {
    font-size: 20px;
    color: #42497b;
}

.leftLetter {
    font-size: 20px;
    color: #42497b;
}

.block {
    width: 100%;
    margin-bottom: 20px;
}


.browseLeftCat {
width: 40%;
float: left;
margin-top: 20px;
margin-left: 50px;
}

.browseRightCat {
width: 40%;
float: right;
margin-top: 20px;
margin-left: 50px;
}

.catLeftLetter {
    font-size: 20px;
    color: #424b7b;
}


.catLeftLetter a:link {
    color: #424b7b;
    text-decoration: none;
}

.catLeftLetter a:visited {
    text-decoration: none;
    color: #424b7b;
}

.catLeftLetter a:active {
    text-decoration: none;
    color: #424b7b;
}

.catLeftLetter a:hover {
    text-decoration: none;
    color: #e0a625;
}


.catRightLetter {
    font-size: 20px;
    color: #424b7b;
}

.catRightLetter a:link {
    color: #424b7b;
    text-decoration: none;
}

.catRightLetter a:visited {
    text-decoration: none;
    color: #424b7b;
}

.catRightLetter a:active {
    text-decoration: none;
    color: #424b7b;
}

.catRightLetter a:hover {
    text-decoration: none;
    color: #e0a625;
}







/*contact Form*/
.topSearchForm p {
    width: 100%;
}

.topSearchForm label {
    font-size: 14px;
    float: left;
    width: 120px;
    margin-left: 20px;
    font-weight: bold;
}

.topSearchForm input {
    float: left;
    width: 200px;
    margin-right: 5px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
    background: none;
    margin-left: 20px;
}

.topSearchForm input.submit {
    float: right;
    width: 40px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -20px;
}

.topSearchForm input.submit2 {
    float: right;
    width: 16px;
    background: url('../images/find.png') no-repeat;
    border: 0;
    color: white;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 5px;
    height: 16px;
}

.topSearchForm input.submit:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.topSearchForm input:focus {
    background-color: #e8e8e8;
}

.topSearchForm textarea:focus {
    background-color: #e8e8e8;
}



.basicPackage {
    margin: 0 auto;
    background: url("../images/basicpackage.png") no-repeat;
    width: 450px;
    height: 345px;
}

.extrasPackage {
    margin: 0 auto;
    background: url("../images/extraspackage.png") no-repeat;
    width: 450px;
    height: 345px;
}

.setupFee {
    margin: 0 auto;
    background: url('../images/setupfee.png') no-repeat;
    width: 450px;
    height: 68px;
}

.setupTextBox {
    width: 145px;
    float: right;
    height: 50px;
    margin-top: 8px;
    margin-right: 15px;
}

.packageTextBox {
    float: right;
    width: 425px;
    height: 180px;
    margin: 0 auto;
    margin-top: 50px;
    margin-right: 12.5px;
}

.packageList {
    list-style: none;
    font-size: 14px;
    line-height: 1.8em;
}

.packagePrice {
    width: 425px;
    height: 75px;
    margin: 0 auto;
    margin-top: 10px;
}


.extraIcon {
    float: left;
    width: 10px;
    height: 20px;
    background: url('../images/yellowicon.png') no-repeat 0% 50%;
}


.smallPrice {
    float: left;
    margin-left: 5px;
    font-size: 16px;
    width: 30%;
    text-align: center;
    color: #424b7b;
    height: 100%;
    vertical-align: bottom;
}

.mediumPrice {
    float: left;
    margin-left: 5px;
    font-size: 19px;
    width: 30%;
    text-align: center;
    color: #424b7b;
    height: 100%;
    vertical-align: bottom;
}

.largePrice {
    float: left;
    margin-left: 5px;
    font-size: 22px;
    width: 30%;
    text-align: center;
    color: #424b7b;
    height: 100%;
    vertical-align: bottom;
}

.perMonth {
    width: 100%;
    font-size: 12px;
    color: #e0a265;
    color: black;
    vertical-align: bottom;
}



/* View company */
.contactDetails {
    float: left;
    width: 250px;
    height: 150px;
    margin-left: 10px;
    margin-top: 10px;
}




/*contact Form*/
.editCompany p {
    width: 100%;
margin-top: 0px;
}

.editCompany label {
    font-size: 14px;
    float: left;
    width: 120px;
    margin-left: 30px;
}

.editCompany input {
    float: left;
    width: 250px;
    margin-right: 5px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
    background: none;
    margin-left: 10px;
}


.editCompany textarea {
    float: left;
    width: 250px;
    height: 110px;
    margin-left: 10px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: none;
}



.editCompany input.submit {
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 160px;
}

.editCompany input.submit2 {
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 160px;
}

.editCompany input.wymupdate {
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 160px;
}

.editCompany input.submit2:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}


.editCompany input.submitD {
    float: left;
    width: 70px;
    background-color: gray;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 160px;
}

.editcompany input.submitD:hover {
    
}


.editCompany input.submit:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.editCompany input.reset {
    float: left;
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-left: 10px;
}

.editCompany input.reset3 {
    float: left;
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
}

.editCompany input.reset2 {
    float: left;
    width: 70px;
    background-color: #424b7b;
    border: 0;
    color: white;
    font-weight: bold;
    margin-top: -20px;
}

.editCompany input.reset2:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.editCompany select {
    margin-left: 10px;
}

.editCompany input.reset:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.editCompany input.reset3:hover {
    background-color: #e0a265;
    border: 0;
    color: #424b7b;
    font-weight: bold;
}

.editCompany input:focus {
    background-color: #e8e8e8;
}

.editCompany textarea:focus {
    background-color: #e8e8e8;
}

.editCompany input.file {
float: left;
    width: 250px;
    margin-right: 5px;
    border: solid thin #424b7b;
    border: solid thin #e0a625;
    color: #424b7b;
    padding-left: 3px;
    border-width: 1px;
    background: none;
    margin-left: 10px;
}

.selectedArrow {
    line-height: 0.7em;
    float: left;
    margin-left: 5px;
    width: 100px;
    font-size: 24px;
    display: none;
}

.selectedDesc {
    float: right;
    width: 200px;
    display: none;
    margin-right: 50px;
    font-size: 12px;
    border: solid 1px #424b7b;
    background: white;
    padding: 3px;
}

.editCompanyError {
    margin-left: 30px;
    margin-top: 5px;
    color: red;
    font-size: 12px;
}

.searchResult {
    width: 95%;
    height: auto;
    margin: 0 auto;
    margin-top: 50px;
    border: solid thin #424b7b;
    border-width: 1px;
}

.resultHeader {
    font-size: 16px;
    float: left;
    font-weight: bold;
    width: 100%;
    background-color: #eacbad;
    color: #424b7b;
    height: 30px;
    line-height: 1.5em;
}

.resultHeaderText {
    height: 100%;
    width: 100%;
    margin-left: 10px;
    color: #424b7b;
    line-height: 1.8em;
    font-weight: bold;
}

.resultCategory {
    font-size: 14px;
    float: left;
    line-height: 1.5em;
    margin-left: 5px;
}

.caption {
    font-size: 14px;
    color: gray;
}

.image {
    margin: 0 auto;
}

.companyUpdate {
    background-color: #eceff1;
    border: solid 1px gray;
    display: block;
}





.browseLeft a:link {
    color: #e0a625;;
    text-decoration: none;
}

.browseLeft a:visited {
    color: #e0a625;;
    text-decoration: none;
}

.browseLeft a:active {
    color: #e0a625;;
    text-decoration: none;
}

.browseLeft a:hover {
    color: #424b7b;
    text-decoration: none;
}


.browseRight a:link {
    color: #e0a625;;
    text-decoration: none;
}

.browseRight a:visited {
    color: #e0a625;;
    text-decoration: none;
}

.browseRight a:active {
    color: #e0a625;;
    text-decoration: none;
}

.browseRight a:hover {
    color: #424b7b;
    text-decoration: none;
}