/*-------------------------------------------------------------------------------
 Main CSS for supplierbank
 by Simon Pollard - Deckchair UK Ltd
 http://deckchair.co.uk
-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
Sticky Footer Solution by Steve Hatcher
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 179px;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer {
    position: relative;
	clear:both;
	background: url(../graphics/footer_bg.gif) repeat-x #0f4d83;
    position: relative;
	margin-top: -179px; /* negative value of footer height */
	height: 179px;
	clear:both;
}

/*-------------------------------------------------------------------------------
CENTERING
*/
body {
	text-align: center;
}
div#main_content {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#footer_content {
	width: 940px;
    padding: 5px 10px 5px 10px;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------------------------------------------------
HEADER
*/

#main {
	background: url(../graphics/main_header_bg.gif) repeat-x;
}

div#masthead {
	background: url(../graphics/header_bg.gif) repeat-x #0f4d83;
	height: 117px;
}

div#masthead_content {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 117px;
}
/* Logo */
div#masthead h1 {
	position: absolute;
	top: 25px;
	left: 0px;
}
h1 {
	width: 215px;
	height: 51px;
}
h1 a {
	width: 215px;
	height: 51px;
}
h1 img {
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
}
#date {
	position: absolute;
	right: 0px;
	top: 15px;
}

/* MAIN NAVIGATION */
#main_nav {
	position: absolute;
	top: 74px;
	right: 0px;
}
#main_nav li {
	list-style: none;
	float: left;
	height: 34px;
}
#main_nav li a {
	display: block;
	height: 34px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
#main_nav li a:hover {
	padding-top: 1px;
	height: 33px;
}
.register_user li#mainnav_register a, .index li#mainnav_home a,
.about li#mainnav_about a, .news li#mainnav_news a, .how li#mainnav_how a,
.services li#mainnav_services a, .contact li#mainnav_contact a,
.classifieds li#mainnav_classifieds a, .networking li#mainnav_networking a {
	background: url(../graphics/mainnav_selected.gif) no-repeat bottom center;
	color: #bdd9e3;
}
.register_user #main_nav li#mainnav_register a:hover,
.index #main_nav li#mainnav_home a:hover, .about #main_nav li#mainnav_about a:hover,
.news #main_nav li#mainnav_news a:hover, .how #main_nav li#mainnav_how a:hover,
.services #main_nav li#mainnav_services a:hover,
.contact #main_nav li#mainnav_contact a:hover,
.classifieds #main_nav li#mainnav_classifieds a:hover,
.networking #main_nav li#mainnav_networking a:hover {
	padding-top: 0px;
	height: 34px;
}

/* PERSISTENT LOGIN FORM */
div#userLoginPanel{
	background: url(../graphics/user_panel_bg.gif) repeat-x;
    position: absolute;
    top: 5px;
    right: 0px;
	height: 54px;
	padding-left: 24px;
	padding-right: 24px;
}
.userLoginPanel_left {
	background: url(../graphics/user_panel_left.gif) no-repeat;
	width: 14px;
	height: 54px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.userLoginPanel_right {
	background: url(../graphics/user_panel_right.gif) no-repeat;
	width: 14px;
	height: 54px;
	display: block;
	position: absolute;
	right: -1px;
	top: 0px;
}
#userLoginPanel .forgotten_pass {
	position: absolute;
	top: 15px;
	right: 100px;
}
.user_name {
	padding-left: 20px;
	background: url(../graphics/user_icon.gif) no-repeat left bottom;
	float: left;
}
div#userLoginPanel .login {
    padding-top: 15px;
    padding-right: 8px;
    display: block;
}
div#userLoginPanel input{
    width: 170px; /*170*/
    height: 14px;
    border: 1px solid #D7D4EE;
    display: block;
}
div#userLoginPanel p{
    font-size: 10px;
    float: left;
}

div#userLoginPanel input#usernav_comphq {
    border: none;
    float: left;
    background: none;
    height: auto;
    margin-top: 20px;
    margin-right: 7px;
    width: auto;
    padding: 0px;
    cursor: pointer;
    letter-spacing: 1px;
}

div#userLoginPanel input#loginpanel-login{
	background: url(../graphics/login.gif) no-repeat #979696;
	width: 64px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 15px;
	height: 30px;
	padding-bottom: 5px;
	border: none;
	float: left;
	cursor: pointer;
}
div#userLoginPanel #logout {
	background: url(../graphics/logout.gif) no-repeat #979696;
	width: 73px;
	padding-right: 12px;
	height: 29px;
	padding-bottom: 5px;
	padding-top: 0px;
	border: none;
	float: right;
	margin-top: 15px;
	cursor: pointer;
        position: absolute;
        right: 20px;
        top: 0px;
}
div#userLoginPanel .logged_in {
    padding-right: 70px;
}

div#userLoginPanel a {
    float: left;
    margin: 20px 10px 10px 0;
    letter-spacing: 1px;
}


div#userLoginPanel ul#userNav {
    float: right;
}
div#userLoginPanel ul#userNav li{
    text-align:right;
    margin-left: 10px;
    float: right;
    width: 100px;
    display: inline;
}
form#login div.loginElement{
	float: left;
    margin: 0 20px 0 0;
	padding: 0 0 0 0;
	clear: none;
	text-align: left;
	width: 170px;
	overflow: hidden;
	height: 50px;
}
form#login div.loginElement label {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100px;
}
form#login div.loginElement input{
	margin-top: 3px;
	display: block;
	padding: 1px 0px 1px 0px;
}

form#login div.loginElement ul.errors{
    list-style: none;
}

div#userLoginPanel p#account_error{
	position: absolute;
	left: 98px;
	bottom: -7px;
	width: 140px;
}
div.loginElement {
	position: relative;
}
div.loginElement ul.errors {
	position: absolute;
	top: -3px;
	right: 0px;
	margin: 0px;
	
}

/*-------------------------------------------------------------------------------
CLASSIFIED ADS ADVERT PANEL
*/
#classified_ad {
	float: right;
	width: 218px;
	background: #fbf5f9;
	border-left: 1px solid #eae4e7;
	border-right: 1px solid #eae4e7;
	border-bottom: 1px solid #eae4e7;
	margin-bottom: 20px;
}
#classified_ad h4 {
	background: url(../graphics/classifieds/ad_title_bg.gif) repeat-x;
	width: 210px;
	height: 67px;
	padding-top: 15px;
	margin-left: -1px;
	padding-left: 10px;
	border-top: 2px solid #98316c;
	color: #98316c;
	margin-bottom: 20px;
}
#classified_ad h4 span {
	color: #666;
}
#classified_ad p {
	padding-left: 10px;
	padding-right: 10px;
	width: 198px;
}
#classified_ad ul {
	padding-left: 15px;
}
#classified_ad div {
	background: url(../graphics/classifieds/div_bg.gif) bottom repeat-x;
	padding-top: 10px;
	padding-bottom: 20px;
}
#classified_ad div p {
	margin: 0px;
	padding: 0px;
}
#classified_ad div.first {
	border-top: 1px solid #f5eff3;
	margin-right: 0px;
}
#classified_ad div.last {
	border-bottom: 1px solid #f5eff3;
	margin-bottom: 20px;
}
#classified_ad div img {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
#classified_ad a {
	background: url(../graphics/classifieds/more_button.gif) no-repeat #8a0f57;
	width: 188px;
	padding-top: 5px;
	height: 30px;
	display: block;
	text-align: center;
}


/*-------------------------------------------------------------------------------
FOOTER
*/
#footer_content {
	height: 169px;
	position: relative;
	text-align: left;
}
.copywrite {
	position: absolute;
	left: 10px;
	bottom: 0px;
}
.footer_twitter {
	float: left;
	margin-right: 50px;
	width: 280px;
}
.footer_contact {
	float: left;
	width: 280px;
}
.footer_twitter h6, .footer_contact h6 {
	border-bottom: 1px solid #a3c0d4;
	padding-bottom: 5px;
	padding-top: 10px;
	margin-bottom: 15px;
}
#footer_content img {
	float: right;
	margin-top: 10px;
}
#footer_content .footer_links {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#footer_content .footer_links a {
	margin-left: 10px;
}

/*
ERRORS
*/
div.error {
	background:  url(../graphics/messages/error_header.gif) no-repeat #fef6f6;
	width: 940px;
	padding-top: 15px;
	margin-bottom: 20px;
}
div.error div {
	background:  url(../graphics/messages/error_icon.gif) no-repeat 850px 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 3px solid #8f0000;
	border-right: 3px solid #8f0000;
	padding-top: 20px;
}
div.error div.message_footer {
	background:  url(../graphics/messages/error_footer.gif) no-repeat #fef6f6;
	overflow: hidden;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border: none;
}
div.error div.pre_holder {
	overflow: auto;
	background: none;
	border: none;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#main_content .error h3 {
	margin-bottom: 30px;
	width: 800px;
}
#main_content .error h4 {
	padding: 0px;
}
#main_content .error h5 {
	padding-top: 10px;
}
#main_content .error p {
	margin: 0px;
	padding-bottom: 10px;
	width: 800px;
}



div.success {
	background:  url(../graphics/messages/success_header.gif) no-repeat #f4fef2;
	width: 940px;
	padding-top: 14px;
	margin-bottom: 20px;
}
div.success div {
	background:  url(../graphics/messages/success_icon.gif) no-repeat 850px 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 3px solid #128000;
	border-right: 3px solid #128000;
	margin: 0px;
}
div.success div.message_footer {
	background:  url(../graphics/messages/success_footer.gif) no-repeat #fef6f6;
	overflow: hidden;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#main_content .success h3 {
	margin: 0px;
	width: 800px;
	padding-bottom: 30px;
}
#main_content .success p {
	margin: 0px;
	padding-bottom: 0px;
	width: 600px;
}
#main_content .success a {
	background:  url(../graphics/messages/button_green.gif) no-repeat #1588b2;
	width: 234px;
	padding-top: 9px;
	height: 32px;
	display: block;
	text-align: center;
	margin-top: 30px;
}


div.email_success {
	background:  url(../graphics/messages/email_icon.gif) no-repeat;
	padding-left: 60px;
}



/*-------------------------------------------------------------------------------
ADVERTISING
*/
#right_content {
float:right;
width:222px;
margin-bottom: 20px;
}
a.view_all_classifieds  {
background:url("../graphics/classifieds/public/back_to.gif") no-repeat scroll 0 0 transparent;
display:block;
height:29px;
padding-left:40px;
padding-top:7px;
width:182px;
}
#create_classified {
background:url("../graphics/classifieds/public/create_classified.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:66px;
margin-bottom:20px;
padding-top:10px;
text-align:center;
width:222px;
}
.random_ad_small {
    border-top: 1px solid #CACACA;
    padding-bottom: 7px;
    padding-top: 10px;
    width: 215px;
    margin-left: 2px;
}
.random_ad_small p {
    margin-bottom:3px;
    width: 180px;
    word-wrap: break-word;
}
.random_ad_small img {
float:right;
}

/*-------------------------------------------------------------------------------
COMMON ELEMENTS
*/
/* HEADERS */
h3, h4, h5, h6 {
	margin-bottom: 10px;
}
h2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	height: 32px;
}

/* BODY TEXT */
p, blockquote {
    margin-bottom: 10px;
}

/* ANCHORS */
a {
  outline: none;
}
a:hover {
    cursor: pointer;

}

/* LISTS */
ul {
	list-style: inside;
}
ol {
	margin-left: 20px;
}
ul, ol, dl {
	margin-bottom: 20px;
}

dt {
	margin-top: 10px;
}

dd {
	text-indent: 10px;
}

div#pass_checker{
    width: 1000px;
    float: left;
    clear: left;
}


/*-------------------------------------------------------------------------------
FEEDBACK BUTTON
*/
#feedback {
    position: fixed;
    right: 50%;
    margin-right: -500px;
    top: 55px;
}
* html #feedback {
	position: absolute;
}
#feedback a {
    background: #9d2e24 url(../graphics/feedback.gif) no-repeat;
    width: 21px;
    height: 77px;
    display: block;
    text-align: left;
}
#feedback a:hover {
    background-position: -20px 0px;
}


/*-------------------------------------------------------------------------------
POPUP BOX
*/

#cover {height: 100%;}

body > #cover {height: auto; min-height: 100%;}

#cover {
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #393;
    background-color: #000000;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
#cover-content {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #f1f1f1 none repeat scroll 0 0;
    border: 4px solid #525252;
    color: #000000;
    left: 50%;
    position: fixed;
    _position: absolute;
    text-align: left;
    top: 50%;
    z-index: 102;
    display: none;
}
#cover-content p {
    margin-left: 10px;
    margin-right: 10px;
}
#cover-content p.feedback_submit_p {
    text-align: center;
}
body #cover-content h3 {
    background: #a31212 url(../graphics/feedback_header_bg.jpg) repeat-x;
    height: 28px;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 20px;
}
#cover-content label {
    display: block;
    margin-bottom: 10px;
}
#cover-content input, #cover-content textarea {
    width: 430px;
    background: #fff;
    border: 1px solid #c1c1c1;
}
#cover-content textarea {
    height: 90px;
    padding: 5px;
}
#cover-content .feedback_radio input {
    width: auto;
    margin-left: 7px;
    background: none;
    border: none;
}
#cover-content input#feeback_form_submit {
    background: #a31212  url(../graphics/feedback_submit.jpg) no-repeat;
    width: 159px;
    height: 34px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
#cover-content a.close_box_aftersubmit {
    background: url(../graphics/feedback_submit.jpg) #a31212 no-repeat;
    width: 159px;
    padding-top: 5px;
    height: 29px;
    display: block;
    margin-left: 140px;
    margin-top: 30px;
}
#close_box {
    position: absolute;
    top: 5px;
    right: 10px;
}
#close_box a {
    background:  url(../graphics/feedback_close.gif) no-repeat right;
    text-decoration: none;
    font-size: 12px;
    padding-right: 17px;
}
#close_box a:hover {
    text-decoration: underline;
}

/* Banner */
#banner {
    background: #000;
    color: #fff;
    padding: 10px 0px 10px 0px;
    top: 0px;
}
#banner p {
    margin: 0px;
}