body {
    margin: 0; padding: 0;
}

body, td, th, option, input, textarea {
    font: 11px normal helvetica, sans-serif;
    line-height: 16px;
/*    color: #7a7a7a; */
    color: black;
}
input { padding: 2px 4px; display: block; }

td, th { vertical-align: top; text-align: left; }

a { color: #c42026; text-decoration: none; }
a:hover { color: #f11; }
a:visited { color: #900; }

.clearfloat { font-size:1px; height: 1px; clear: both; }

h2 {
    padding-bottom: 5px;
    background-image: url('/assets/templates/fiveq/images/h2_underline.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 13px;
    color: black;
}

ul.blueblack, ul.redblack { padding-left: 16px; margin: 0; }
ul.blueblack li, ul.redblack li { margin-bottom: 8px; }
ul.blueblack { list-style-image: url('/assets/templates/fiveq/images/bullet_blueblack.gif'); }
ul.redblack { list-style-image: url('/assets/templates/fiveq/images/bullet_redblack.gif'); }

.single-bluegradient {
    width: 172px;
    border: 0;
    padding: 0;
    color: #000000;
}
.single-bluegradient .top {
    background-image: url('/assets/templates/fiveq/images/single_bluegradient_top.gif');
    background-repeat: no-repeat;
    margin: 0;
    height: 20px;
}
.single-bluegradient .middle {
    background-image: url('/assets/templates/fiveq/images/single_bluegradient_middle.gif');
    background-repeat: repeat-y;
    padding: 1px 15px 1px 15px;
    margin: 0;
    
}
.single-bluegradient .bottom {
    background-image: url('/assets/templates/fiveq/images/single_bluegradient_bottom.gif');
    background-repeat: no-repeat;
    margin:0;
    height: 20px;
}

.bluegradient {
    width: 203px;
    border: 0;
    padding: 6px 0 10px 0;
    color: #000000;
}
.bluegradient .top {
    background-image: url('/assets/templates/fiveq/images/bluegradient_top.gif');
    background-repeat: no-repeat;
    margin: 0;
    height: 135px;
}
.bluegradient .middle {
    background-image: url('/assets/templates/fiveq/images/bluegradient_middle.gif');
    background-repeat: repeat-y;
    padding: 0 15px;
    margin: 0;
}
.bluegradient .bottom {
    background-image: url('/assets/templates/fiveq/images/bluegradient_bottom.gif');
    background-repeat: no-repeat;
    margin:0;
    height: 20px;
}

div.middle p {
    clear: both;   
}

#site-container { width: 900px; margin: 0 auto; }

#homepage-header, #header {
    background-position: bottom left;
    position: relative;
    padding: 0; margin: 0;
    z-index: 1000;
}
#homepage-header {
    height: 253px;
    background-image: url('/assets/templates/fiveq/images/homepage_header_background.jpg');
}
#header {
    height: 164px;
    background-image: url('/assets/templates/fiveq/images/header_background.jpg');
}

#brand {
    position: absolute;
    top: 10px;
    left: 15px;
}

#brandinfo {
    font-weight: bold;  
    color: #323232;
    position: absolute;
/* orig positioning - very top and right
    top: 22px;
    left: 423px;
*/
    top: 122px;
    left: 175px;
}
#brandinfo-internal {
    font-weight: bold;  
    color: #323232;
    position: absolute;
    top: 22px;
    left: 423px;
}
#brandinfo strong, #brandinfo-internal strong {
    font-weight: bold;
    font-size: 14px;
    color: black;
}
#brandinfo p, #brandinfo-internal p {
    margin-top:8px;
    margin-bottom:8px;
}
#brandinfo-bullet {
    background-image: url('/assets/templates/fiveq/images/arrow_bullet.gif');
    background-repeat: no-repeat;
    padding-left: 27px;
}
#brandinfo-text {
    padding-left: 27px;
}

/* Set up the Four Fold Network */
#fourfoldnetwork { position: absolute; top: 148px; left: 150px; }
/* Make container elements positioned blocks */
#fourfoldnetwork strong, #fourfoldnetwork li, #fourfoldnetwork a { position: absolute; display: block; }

/* #fourfoldnetwork li > ul { top: auto; left: auto; } */

/* Set the background image, default to lesser GIF for IE6 (reset below) */
#fourfoldnetwork strong, #fourfoldnetwork a { background-image: url('/assets/templates/fiveq/images/fourfoldnetwork.gif'); }
/* Now switch to PNG using html>body IE6 Hack */
html>body #fourfoldnetwork strong, #fourfoldnetwork a { background-image: url('/assets/templates/fiveq/images/fourfoldnetwork.png'); }
/* Hide the texts */
#fourfoldnetwork strong span, #fourfoldnetwork a span { display: none; }
/* Position the elements */
#fourfoldnetwork a#fourfold-ccc { top: 17px; left: 111px; }
#fourfoldnetwork #fourfold-cj  { top: 0; left: 301px; }
#fourfoldnetwork #fourfold-cjf { top: 17px; left: 301px; }
#fourfoldnetwork #fourfold-cjo { top: 34px; left: 301px; }
/* Size the elements and position backgrounds */
#fourfoldnetwork #fourfold-label { width: 110px; height:51px; background-position: 0 0; }
#fourfoldnetwork a#fourfold-ccc { width: 190px; height: 17px; background-position: -110px -17px; }
#fourfoldnetwork #fourfold-cj a  { width: 160px; height: 17px; background-position: -300px 0; }
#fourfoldnetwork #fourfold-cjf a { width: 160px; height: 17px; background-position: -300px -17px; }
#fourfoldnetwork #fourfold-cjo a { width: 160px; height: 16px; background-position: -300px -34px; }
/* Position backgrounds for hover */
#fourfoldnetwork a#fourfold-ccc:hover { background-position: -110px -68px; }
#fourfoldnetwork #fourfold-cj a:hover  { background-position: -300px -51px; }
#fourfoldnetwork #fourfold-cjf a { background-position: -300px -68px; }
#fourfoldnetwork #fourfold-cjo a:hover { background-position: -300px -85px; }

/* Dropdown navigation based on http://www.alistapart.com/articles/dropdowns */
#navigation {
    position:absolute;
    bottom: -1px;
    height: 21px;
    padding: 0 0 0 175px;
    margin: 0;
    list-style: none;
    font: 11px helvetica, sans-serif;
    font-weight: bold;
    line-height: 16px;
}
#navigation, #navigation a {
    color: #000;
}
#navigation li.menu_level1 a:hover { color: #669; }
#navigation li.menu_level2 a:hover { color: #000; } 

#navigation li.menu_level1 {
    float: left;
    position: relative;
    bottom: 0;
    margin-right: 27px;
    height: 21px;
    white-space: nowrap;
}
#navigation ul.subnav {
    display: none;
    position: absolute;
    top: 21px;
    left: 0;
    list-style: none;
    padding: 0; margin: 0;
    width: auto;
}

#navigation li.menu_level2 {
    display: inline-block;
    height: 15px;
    width: 200px;
    margin: 0; 
    padding: 2px 4px;
    background-color: white;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    clear: left;
    float: left;
}
#navigation li.menu_level2 a {
    white-space: nowrap;
    margin: 0;
}

html>body #navigation li.menu_level2 a {
    display: block;
}

#navigation li:hover ul, #navigation li.over ul { display: block; }
#navigation li.menu_level2:hover, #navigation li.menu_level2 a:hover {
    background-color: #e3eae9;
}

.content-container {
    background-image:url('/assets/templates/fiveq/images/header_shadow.gif');
    background-repeat: repeat-x;
    position: relative;
    border:0; padding:0; margin: 0;
    height: 1%;
}

/* COLUMN SETTINGS */

.column {
    float: left; /* Default left */
    background-image: url('/assets/templates/fiveq/images/column_single_background.jpg'); /* Default single col */
    background-repeat: no-repeat;
    margin: 0;
    border: 0;
    padding: 25px 15px 0 15px;
    z-index: 1;
}
.column-left {
    width: 177px; /* 207px - 30px padding */
    background-position: -6px 0;
}
.column-centersingle {
    width: 208px; /* 238px - 30px padding */
}
.column-centerdouble {
    width: 446px; /* 476px - 30px padding */
    background-image: url('/assets/templates/fiveq/images/column_double_background.jpg');
}
.column-right {
    float: right;
    width: 187px; /* 217px - 30px padding */
}

/* SEARCH FORM */

#site-search { display: block; }
#site-search-term {
    width: 125px; 
    height: 16px; /* 20px - 4px padding - To match the Go button */
    padding-top: 4px; /* To get the text to end up in the center */
    display: block;
    float: left;
}

/* EMAIL SIGNUP FORM */

#signup {
    float: left;
    height: 16px;
    width: 90px;
}

.single-bluegradient p {
    margin: 7px 0;
}

#signup-submit {
}


/* SIG */

#sig {
    margin-top: 30px;
    border-top: 1px solid #e3eae9;
    clear: both;
    text-align: center;
    padding-bottom: 25px;
}
#sig .copyright {
    padding: 20px;
    background-color: #d6e6f0;  
}
#sig img {
    margin-top: 16px;
}

/* bof contact form styles */

.errors {
    color: #f00;   
}

input.checkbox {
    display: inline;    
}

textarea.textarea {
    width: 350px;
    height: 100px
}

/* eof contact form styles */

/* bof Google Custom Search Engine */

#googleSearch {
    margin-top: 20px;
}

#googleSearch input {
    display: inline;
}

#googleResults {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    text-align: right;
}

#googleRefine {
    margin-bottom: 30px;
    }
dl#googleResultsList {
    margin: 10px 0;
    }
#googleResultsList dd {
    margin: 0 0 10px 20px;
    }
#googleResultsList a.url {
    font-size: 10px;
    color: #999;
    text-decoration: underline;
    }
#googleResultsList a.url:hover {
    text-decoration: none;
    }
#googlePagination {
    margin: 25px 0 15px 0;
    text-align: center;
    }
#googlePagination .currentPage {
    border: 1px solid #7a7a7a;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #e8e8e8;
    color: #666;
    font-weight: bold;
    }
#googlePagination .off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    }
#googlePagination a {
    border: 1px solid #7a7a7a;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    }
#googlePagination a:hover {
    background-color: #e8e8e8;
    }

/* eof Google Custom Search Engine */


/* email print functions
==============================================================================*/

#pageFunctions {
    height: 1.6em;
    font-size: 1.0em;
    z-index: 500 !important;
}
#functionEmail,
#functionPrint {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 8px;
    position: relative;
    height: 1.0em;
    padding: 3px 0 3px 20px;
}
#functionEmail {
    background: url(/assets/templates/fiveq/images/email.gif) no-repeat left center;
}
#functionPrint {
    background: url(/assets/templates/fiveq/images/print.gif) no-repeat left center;
}

.remote_link {
font-family : tahoma, verdana, arial, helvetica; 
font-size : 11px; 
color : #5678a2; 
text-decoration : none; 
} 

.remote_link :hover {
color : #F56655; 
text-decoration : underline; 
} 
.remote_description
{
        font-family: verdana, tahoma, arial;
        font-size: 9px;
	text-decoration : none; 
	color: 777777;

}
.remote_location {
        font-family: tahoma;
        font-size: 10px;
	text-decoration : none; 
	color: AAAAAA;
}
.remote_details {
        font-family: tahoma;
        font-size: 10px;
	text-decoration : none; 
	color: AAAAAA;
}







/********** LISTS ****************/ 

li.category_li {
    list-style: none;
    margin: 0px 0px 0px 0px;
    list-style-image: url('./images/point.gif'); 
    padding: 2px 2px 2px 20px;
    padding: 10px 2px 2px 16px;
    display:block;
    display:list-item;
    
    list-style-image: url(/assets/templates/fiveq/images/point.gif); 
    padding: 0px 0px 0px 0px; 
 
}

ul.category_ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin: 2px 2px 2px 20px;
    padding: 2px 2px 2px 20px;
    margin-left: 20px; /* width for bullet.gif */ 
    padding-left: 0; 
}

.company_default {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : underline; 
    font-weight: bold;
	color: black;
}

.company4 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : none; 
    font-weight: bold;
	color: red;
}

.company3 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : none;
    font-weight: bold; 
	color: blue;
}


.company2 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : none;
    font-weight: bold;
	color: green;
}

.company1 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : underline; 
    font-weight: bold;
	color:#336699;
}

.listing_hot {
    color: red;
    font-size: 9px;
}

.listing_new_updated {
    color: green;
    font-size: 9px;
}

.listing_marked {
    color:#5678A2;
    font-size: 9px;
}

.tbl_cls {
 
	border: 1px solid  #A7C0EF;
}

.tt_cls {
	border-bottom: 1px solid  #C6C7C6;
	height: 5px;
	background-color: #FFFfff;
}

.tr_cls {
	height: 20px;
	background-color:#F2F2F2;
	padding: 4px;
	font-size: 120%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#C6C7C6;
	border:double;
}
.tr1_cls {
	border-bottom: 1px solid #FFE0B4;
	height: 20px;
	background-color:#E6E6E6;
	padding: 4px;
	font-size: 120%;
	border-bottom-width: 2px;
	border:double;
}