/*  
Theme Name: Shipserv
Theme URI: http://www.velocitypartners.co.uk/
Description: Wordpress theme devloped for Shipserv by Velocity Partners. Design by RMA.
Version: 1.0
Author: Ben Hayes
Author URI: http://www.jackfruitdesign.com/

	Shipserv 1.0 - Ben Hayes, April 2008
	Shipserv 1.1 - updated by Paul, Winter 2008
	http://www.velocitypartners.co.uk/

*/

/* Adapted from Eric Meyer's reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, sans-serif;
	vertical-align: baseline;
}

/* paul updates */

.reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; }

#commentform span.blockit { float: left !important; display: block; width: 100px; margin-left: 10px; }
#commentform input, textarea { float: left !important; display: block; width: 350px !important; }
#commentform label { float: left !important;; display: block; width: 100% !important; margin-bottom: 5px !important; }

.hide { display: none !important; border: none; }

#member-box { padding: 0 10px 0 10px; background: url("images/comm-back.png") no-repeat; margin-bottom: 20px; }
#member-box .box-bottom { width: 192px; height: 16px; background: url("images/comm-back-bot.png") bottom left no-repeat; margin-left: -10px; margin-top: 20px; }
#member-box p { font-size: 11px !important;}
#member-box ul { margin-left: 5px;}
#member-box p.careertitle{ color: #81b272; font-weight: bold; font-size: 14px; padding-top: 15px !important; padding-bottom: 5px !important; background: url("images/dots.png") bottom left no-repeat;}
#member-box li { list-style: disc; margin-left: 12px; font-size: 11px !important; position: relative; }

#career-box { display: block; position: relative; width: 195px; height: 140px; margin: 20px 0; background: url("images/career-sub.png") no-repeat; }

	.home #career-box { background: url("images/career-sub.png") no-repeat; }
	
	#career-box * { margin: 0 !important; padding: 0 !important; font-family: arial; }
	
	#career-box p { font-size: 11px; padding: 0 !important; margin: 5px 10px !important; }
	#career-box p.careertitle { color: #3c008e; font-weight: bold; font-size: 14px; padding-top: 15px !important; padding-bottom: 5px !important; background: url("images/dots.png") bottom left no-repeat;}
	#career-box a { color: #373636; display: block; background: url("images/purplebutton.png") bottom right no-repeat; text-decoration: none; padding-bottom: 15px !important; }

/* Temp: use for debugging - easier to analyse CSS in Firebug
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, cite, dl, dt, dd, table, th, td, fieldset, label, form, input { margin: 0; padding: 0; font-style: normal; font-family: inherit; font-size: 100%; } */

img, fieldset { border: 0; }
img { display: block; }

.button a:focus {
	outline: 0;
}

body, textarea {
	font-family: Arial, sans-serif;
	line-height: 1;
	/*font-size: 0.76em;*/
	font-size: 14px;
	background-color: #fff;
	color: #444;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

strong { font-weight: bold; }

em { font-style: italic; }

a:link, a:visited {
	color: #6F988A;
	text-decoration: none;
}

a:hover, a:active {
	color: #64A6D9;
	text-decoration: underline;
}



/* =typography */
/* ============================================= */

h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.2em; font-weight: bold; }
h3 { font-size: 1.1em; font-weight: bold; }
#maincopy h1 { margin-top: 0.42em; margin-bottom: 0; }
#maincopy h2 { margin-top: 1.2em; margin-bottom: -0.4em; }
#maincopy h3 { margin-top: 1.2em; margin-bottom: -0.4em; }
.post #maincopy h1 { margin-top: 0; }

.postmetadata, .note { font-size: 0.857em; color: #888; }

p, ul, ol, blockquote, cite {
	line-height: 16px;
	margin: 0.8em 0;
}

a.more {
	white-space: nowrap;
}

p.first, ul.first, ol.first {
	margin-top: 0;
}

.nav { line-height: 1; margin: 0; padding: 0; }

.headingbox strong {
	color: #F3E400;
}

blockquote { color: #6C6F64; margin-bottom: 0.25em; }

#sidebar blockquote { color: #444; }

cite { color: #AFB9A4; font-size: 0.857em; margin-top: 0.25em; }

#sidebar cite { color: #94A187; }

dl { margin: 1em 0; }
dt { font-weight: bold; }
dd { margin-bottom: 0.5em; }

#maincopy ul {
	list-style-type: disc;
	padding-left: 1.1em;
}

#maincopy ul.showcase li { margin-bottom: 0em; }

#maincopy ul.subnav { list-style-type: none; padding-left: 0; }

#maincopy ul.subnav li {
	margin: 0.8em 0;
}

#maincopy ul.subnav h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0;
}

#maincopy ul.subnav p { margin-top: 0; }

#maincopy ul.jumplink {
	list-style-type: none;
	padding-left: 0;
}

.jumplink li { margin-bottom: 0.4em; }

.jumplink a {
	background: transparent url(images/arrow-down.gif) right center no-repeat;
	padding: 2px 22px 2px 2px;
}

.jumplink a:link, .jumplink a:visited {
	/*background-color: #DCE5D1;*/
}


/* =buttons - global button styles */
/* ============================================= */

.button, .button a {
	display: block;
	width: 155px; /* override on specific button */
	height: 19px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -999em;
}

.button a:link, .button a:visited { background-position: left top; }
.button a:hover, .button a:active { background-position: left bottom; }

p.more, p.more a { background-image: url(images/btn-more.gif) }

/* =forms */
/* ============================================= */

input.textbox { border: 1px solid #6C6F64; }

input.button {
	background-color: #6C6F64;
	border-width: 0;
	color: #fff;
	text-indent: 0;
	width: auto;
	display: inline;
}

input.button:hover, input.button:active { background-color: #64A6D9; }

/* Styles to override cforms styles (in plugin directory):*/
form ol li {
	display: block;
	margin-bottom: 5px;
}

#maincopy label {
	float: left;
	display: block;
	width: 100px;
	font-size: 0.9em;
}

#maincopy form {
	width: 100%;
	background: #E6F0DC url(images/bkgd-form.gif) right top no-repeat;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 10px 0;
}

#maincopy fieldset {
	border-width: 0;
	background-color: transparent;
	padding: 10px 16px 0;
}

#maincopy fieldset.cf_hidden {
	display: none; padding: 0;
}

#maincopy legend {
	font-family: Arial, sans-serif;
	color: #444;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
}

#maincopy input, #maincopy textarea {
	width: 220px;
	font-size: 1em;
	padding: 1px 2px;
	border: 1px solid #aaa;
}

#maincopy input.cf_upload { width: auto !important; }

#maincopy input.sendbutton {
	width: 100px;
	margin-left: 125px;
	border-width: 0;
	background-image: none;
	background-color: #6C6F64;
	border-width: 0 !important;
	color: #fff;
	font-size: 1em;
	padding: 2px 6px;
}

#maincopy input.sendbutton:hover, #maincopy input.sendbutton:active { background-color: #64A6D9; }

#maincopy .cf_li_err, #maincopy .cf_info {
	background-image: none !important;
	background-color: #FFBE41 !important;
	border-width: 0 !important;
}

#maincopy .cf_error {
	border-color: #888 !important;
	color: #000 !important;
}

#maincopy .reqtxt, #maincopy .emailreqtxt { color: #888; padding-left: 5px; font-size: 0.9em; }

p.linklove { display: none; }

div.cf_info { margin-top: 10px; margin-bottom: 10px; }



/* =tables */
/* ============================================= */

table {
	margin: 0.8em 0;
}

th {
	border-bottom: 1px dotted #888;
	color: #888;
	padding: 2px;
	font-size: 0.9em;
	vertical-align: middle;
}

td {
	border-bottom: 1px dotted #888;
	padding: 2px;
	font-size: 0.9em;
	vertical-align: middle;
}

table .logo { text-align: center; }
table .companyname { padding-left: 20px; padding-right: 20px; }
table .location { text-align: center; }


/* =structure */
/* ============================================= */
#page {
	width: 977px;
	margin: 0 auto;
}

#header {
	padding-top: 10px;
}

#skiplinks { display: none; }

#logo {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#headernav {
	float: right;
	width: 750px;
}

#main {
	clear: both;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	width: 977px;
}

#sidenav {
	float: left;
	clear: left;
	width: 198px;
	margin-right: 12px;
}

#content {
	float: left;
	width: 554px;
}

/* Homepage has different dimensions: */
.home #content { width: 504px; }

.headingbox { background-repeat: no-repeat; }

.headingbox .inner { padding: 0 24px; }

.headingbox h1 { text-indent: -999em; }

#maincopy { padding: 0 12px 12px 24px;} 

.home #maincopy, .textpage #maincopy,
.category #maincopy, .singlepost #maincopy { padding-top: 0px; } 

.category .news-and-events #maincopy,
.category .careers #maincopy { padding-top: 0; }

#sidebar {
	float: right;
	width: 191px;
	padding-top: 10px;
}

.home #sidebar { padding-top: 0; width: 241px; }

#footer {
	clear: both;
	padding-top: 25px;
}

#footer p {
	font-size: 0.857em;
	float: left; 
	color: #aaa;
}

#footer #velocity {
	float: right; 
	text-align: right;
}

#footer #velocity a {
	padding-right: 15px;
	background: transparent url(images/velocity-logo.gif) right center no-repeat;
}

#footer .columns {
	clear: left;
	padding-top: 25px;
	font-size: 0.8em;
}

#footer .columns div {
	float: left;
	width: 25%;
	padding-bottom: 20px;
}

#footer .columns h2 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}

#footer .columns ul {
	margin-top: 0.4em;
}

#footer .columns h2, #footer .columns li {
	padding-right: 15px;
}


/* =sidenav stuff
 * ===================================================================== */

#sidenav { 
	background: transparent url(images/dot.gif) left top repeat-x;
	padding-top: 20px;
}

#sidenav ul.nav {
	line-height: 16px;
}

#sidenav ul.nav li {
}

#sidenav ul ul {
	margin: 0;
	padding-left: 12px;
}

/* Show/hide the correct pages in the side nav: */

/* By default: hide all children of both pages and categories: */
.page_item ul, .children { display: none; }

/* Display children and siblings of current page/cat: */
ul .current_page_item ul, ul .current_page_parent ul,
ul .current-cat ul, ul .current-cat-parent ul {
	display: block;
}

/* Never show the 3rd level: */
.page_item ul ul { display: none; }

/* Style currently selected page/cat differently: */
.current_page_item a:link, .current_page_item a:visited,
.current-cat a:link, .current-cat a:visited { color: #111; }
.current_page_item ul a:link, .current_page_item ul a:visited,
.current-cat ul a:link, .current-cat ul a:visited { color: #6F988A; }
.current_page_item a:hover, .current_page_item a:active,
.current_page_item ul a:hover, .current_page_item ul a:active, 
.current-cat a:hover, .current-cat a:active,
.current-cat ul a:hover, .current-cat ul a:active 
{ color: #64A6D9; }

/* Categories: */
/* Never show the 3rd nav level: */
#sidenav .children .children { display: none; }

/* Show/hide for press-releases: */
.cat-30 .cat-item-3 .children,
.cat-29 .cat-item-3 .children,
.cat-28 .cat-item-3 .children,
.cat-27 .cat-item-3 .children,
.cat-26 .cat-item-3 .children,
.cat-25 .cat-item-3 .children,
.cat-24 .cat-item-3 .children,
.cat-23 .cat-item-3 .children,
.cat-22 .cat-item-3 .children,
.cat-21 .cat-item-3 .children,
.cat-20 .cat-item-3 .children,
.cat-19 .cat-item-3 .children,
.cat-18 .cat-item-3 .children,
.cat-17 .cat-item-3 .children,
.cat-16 .cat-item-3 .children
{ display: block; }

/* Current selection styling for press-releases: */
.cat-30 .cat-item-4 a:link, .cat-30 .cat-item-4 a:visited, 
.cat-29 .cat-item-4 a:link, .cat-29 .cat-item-4 a:visited, 
.cat-28 .cat-item-4 a:link, .cat-28 .cat-item-4 a:visited, 
.cat-27 .cat-item-4 a:link, .cat-27 .cat-item-4 a:visited, 
.cat-26 .cat-item-4 a:link, .cat-26 .cat-item-4 a:visited, 
.cat-25 .cat-item-4 a:link, .cat-25 .cat-item-4 a:visited, 
.cat-24 .cat-item-4 a:link, .cat-24 .cat-item-4 a:visited, 
.cat-23 .cat-item-4 a:link, .cat-23 .cat-item-4 a:visited, 
.cat-22 .cat-item-4 a:link, .cat-22 .cat-item-4 a:visited, 
.cat-21 .cat-item-4 a:link, .cat-21 .cat-item-4 a:visited, 
.cat-20 .cat-item-4 a:link, .cat-20 .cat-item-4 a:visited, 
.cat-19 .cat-item-4 a:link, .cat-19 .cat-item-4 a:visited, 
.cat-18 .cat-item-4 a:link, .cat-18 .cat-item-4 a:visited, 
.cat-17 .cat-item-4 a:link, .cat-17 .cat-item-4 a:visited, 
.cat-16 .cat-item-4 a:link, .cat-16 .cat-item-4 a:visited 
{ color: #111; }

/* Show/hide for newsflashes: */
.cat-45 .cat-item-3 .children,
.cat-44 .cat-item-3 .children,
.cat-43 .cat-item-3 .children,
.cat-42 .cat-item-3 .children,
.cat-41 .cat-item-3 .children,
.cat-40 .cat-item-3 .children,
.cat-39 .cat-item-3 .children,
.cat-38 .cat-item-3 .children,
.cat-37 .cat-item-3 .children,
.cat-36 .cat-item-3 .children,
.cat-35 .cat-item-3 .children,
.cat-34 .cat-item-3 .children,
.cat-33 .cat-item-3 .children,
.cat-32 .cat-item-3 .children,
.cat-31 .cat-item-3 .children
{ display: block; }

/* Current selection styling for newsflashes: */
.cat-45 .cat-item-5 a:link, .cat-45 .cat-item-5 a:visited, 
.cat-44 .cat-item-5 a:link, .cat-44 .cat-item-5 a:visited, 
.cat-43 .cat-item-5 a:link, .cat-43 .cat-item-5 a:visited, 
.cat-42 .cat-item-5 a:link, .cat-42 .cat-item-5 a:visited, 
.cat-41 .cat-item-5 a:link, .cat-41 .cat-item-5 a:visited, 
.cat-40 .cat-item-5 a:link, .cat-40 .cat-item-5 a:visited, 
.cat-39 .cat-item-5 a:link, .cat-39 .cat-item-5 a:visited, 
.cat-38 .cat-item-5 a:link, .cat-38 .cat-item-5 a:visited, 
.cat-37 .cat-item-5 a:link, .cat-37 .cat-item-5 a:visited, 
.cat-36 .cat-item-5 a:link, .cat-36 .cat-item-5 a:visited, 
.cat-35 .cat-item-5 a:link, .cat-35 .cat-item-5 a:visited, 
.cat-34 .cat-item-5 a:link, .cat-34 .cat-item-5 a:visited, 
.cat-33 .cat-item-5 a:link, .cat-33 .cat-item-5 a:visited, 
.cat-32 .cat-item-5 a:link, .cat-32 .cat-item-5 a:visited, 
.cat-31 .cat-item-5 a:link, .cat-31 .cat-item-5 a:visited 
{ color: #111; }

/* Show/hide for events: */
.cat-13 .cat-item-3 .children
{ display: block; }

/* Current selection styling for events and others: */
.cat-13 .cat-item-13 a:link, .cat-13 .cat-item-13 a:visited 
{ color: #111; }

/* Show/hide for podcasts: */
.cat-6 .cat-item-3 .children
{ display: block; }

/* Current selection styling podcasts: */
.cat-6 .cat-item-6 a:link, .cat-6 .cat-item-6 a:visited 
{ color: #111; }

/* Show/hide for Careers: */
.cat-8 .cat-item-7 .children,
.cat-9 .cat-item-7 .children,
.cat-10 .cat-item-7 .children,
.cat-11 .cat-item-7 .children
{ display: block; }

/* Current selection styling for careers: */
.cat-8 .cat-item-8 a:link, .cat-8 .cat-item-8 a:visited, 
.cat-9 .cat-item-9 a:link, .cat-9 .cat-item-9 a:visited, 
.cat-10 .cat-item-10 a:link, .cat-10 .cat-item-10 a:visited, 
.cat-11 .cat-item-11 a:link, .cat-11 .cat-item-11 a:visited 
{ color: #111; }

/*
For 3rd level navigation - disable for now:
.children .children { display: none; }
.current-cat .children { display: block; }
.current-cat .children .children { display: none; }

.cat-25 .cat-item-3 .children { display: block; }

.cat-25 .cat-item-5 .children { display: none; }

.cat-25 .cat-item-25 a:link, .cat-25 .cat-item-25 a:visited 
{ color: #111; }
*/


/* =statometer stuff 
 * ============================================= */
#stat {
	background: transparent url(images/stats.gif) 0px 0px no-repeat;
	margin: 0;
	padding-top: 99px;
}

#statnav {
	width: 138px;
	margin: 0;
	padding-top: 2px;
}

#statnav li {
	float: left;
	width: 44px;
	height: 22px;
	margin-right: 2px;
	margin-bottom: 2px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -999em;
}

#statnav1 { background-image: url(images/btn-stat1.gif); }
#statnav2 { background-image: url(images/btn-stat2.gif); }
#statnav3 { background-image: url(images/btn-stat3.gif); }
#statnav4 { background-image: url(images/btn-stat4.gif); }
#statnav5 { background-image: url(images/btn-stat5.gif); }
#statnav6 { background-image: url(images/btn-stat6.gif); }

/* Initial state: */
#statnav #statnav1 { background-position: left bottom; }

.headingbox p {
	color: #fff;
}

/* =topnav */
/* ============================================= */
#topnav li { float: left; }

#topnav li.button { margin-right: 5px; }

#webshopnav, #webshopnav a { background-image: url(images/btn-webshop.gif); }
#tradenetnav, #tradenetnav a { background-image: url(images/btn-tradenet.gif); }
#pagesnav, #pagesnav a { background-image: url(images/btn-pages.gif); }

#topnav #searchnav {
	float: right;
	text-align: right;
	margin-bottom: 8px;
}

#topnav #searchnav input { vertical-align: top; }

#topnav input.textbox {
	width: 170px;
	margin-right: 2px;
	height: 17px;
	padding-left: 2px;
}

#topnav input.button { width: 80px; font-size: 13px; height: 19px; }

#secondnav { text-align: right; clear: right; margin: 0; padding: 0; }

#secondnav img { vertical-align: middle; }

.rss {
	padding-left: 18px;
	background: transparent url(images/icon-rss.png) left center no-repeat;
}

.rss-feed #maincopy ul { padding-left: 0; }

li.rss {
	list-style-type: none;
	margin-bottom: 4px;
}


div#breadcrumbs {
	font-size: 0.786em;
	padding: 68px 0 0 7px;
}

/* =shuffle stuff:
 * ============================================= */
a#tnlogos {
	display: block;
	background-repeat: no-repeat;
}


/* =page-specific stuff
 * ============================================= */
.home #breadcrumbs { padding-top: 30px; }

.home #breadcrumbs p { margin: 0 0 0; color: #636D5A; font-weight: bold; font-size: 1.1em; }

.home #main { background-image: url(images/bkgd-home.jpg); } 

.home .headingbox {
	background: transparent url(images/hb-home.jpg) center top no-repeat;
	height: 440px;
	margin-bottom: 16px;
}

.home #content .headingbox .inner {
	height: 335px;
}

#sidenav ul.nav {
	min-height: 470px;
}

.home #sidenav ul.nav { min-height: 435px; }

.home .headingbox ul {
	padding: 0 0 0 12px;
	margin: 0;
}

.home #latestposts {
	float: left;
}

.home #latestresources {
	float: right;
}

.home .box .inner {
	padding: 12px;
}

.home #sidebartop {
	height: 445px;
}

.home #sidebar .quote {
	padding-top: 0;
	margin-bottom: 0px;
	padding-left: 16px;
}

.home #sidebar .quote img { margin: 10px 0 12px; }

.home #sidebar .quote blockquote, .home #sidebar .quote cite { font-size: 12px; }

.home .teasers { padding-bottom: 10px; }

#additionalcontent {
	padding-top: 40px;
	clear: left;
}

#additionalcontent ul.logos {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#additionalcontent ul.logos li {
	float: left;
	margin-right: 15px;
}



/* Buyer page
 * ================================== */
.im-a-buyer .headingbox p {
	padding-top: 204px;
	width: 20em;
}

.im-a-buyer .headingbox {
	height: 297px;
	background-image: url(images/hb-buyer.jpg);
}

.im-a-buyer #sidebar { padding-top: 124px; }

#maincopy #webenables {
	padding-left: 0;
}

#maincopy #webenables li {
	list-style-type: none;
	padding-left: 104px;
	margin-bottom: 1em;
}

li.pageslogo { background: transparent url(images/sb-heading-pages.gif) left center no-repeat; }

li.tradenetlogo { background: transparent url(images/sb-heading-tradenet.gif) left center no-repeat; }


/* Supplier page
 * ================================== */
.im-a-supplier .headingbox p {
	padding-top: 204px;
	width: 32em;
}

.im-a-supplier .headingbox {
	height: 297px;
	background-image: url(images/hb-supplier.jpg);
}

.im-a-supplier #sidebar { padding-top: 122px; }


/*
.im-a-supplier #maincopy {
	background: transparent url(images/bkgd-2-logos.gif) left top no-repeat;
	padding-top: 60px;
}
*/

/* Climb the supplier ladder page
 * ================================== */

.climb-the-supplier-ladder .headingbox {
	height: 298px;
	background-image: url(images/hb-supplier-ladder.jpg);
}

.climb-the-supplier-ladder .headingbox p.first {
	width: 440px;
	padding-top: 170px;
}

#maincopy ul.columns {
	/* Use LIs instead of DIVs to get around WP bug */
	list-style-type: none;
	padding: 0;
}

#maincopy .col1 {
	float: left;
	width: 250px;
}

#maincopy .col2 {
	float: right;
	width: 250px;
}

#maincopy .col1 h2 {
	background: transparent url(images/bkgd-logo-pages.gif) left top no-repeat;
	text-indent: -999em;
	height: 55px;
	margin-top: 0;
}

#maincopy .col2 h2 {
	background: transparent url(images/bkgd-logo-tradenet.gif) left top no-repeat;
	text-indent: -999em;
	height: 55px;
	margin-top: 0;
}

#getyourfreelisting , #getyourfreelisting a, #getyourfreelisting2 , #getyourfreelisting2 a { background-image: url(images/btn-getyourfreelisting.gif); width: 179px; }
#createyourpremiumlisting , #createyourpremiumlisting a { background-image: url(images/btn-createyourpremiumlisting.gif); width: 222px; }
#orderacatalogupload , #orderacatalogupload a { background-image: url(images/btn-orderacatalogupload.gif); width: 191px; }
#orderabannerad , #orderabannerad a, #orderabannerad2 , #orderabannerad2 a, #orderabannerad3 , #orderabannerad3 a { background-image: url(images/btn-orderabannerad.gif); width: 170px; }

#gettradenetnow , #gettradenetnow a, #gettradenetnow2 , #gettradenetnow2 a { background-image: url(images/btn-gettradenetnow.gif); width: 140px; }

#learnmore , #learnmore a, #learnmore2 , #learnmore2 a, #learnmore3 , #learnmore3 a, #learnmore4 , #learnmore4 a { background-image: url(images/btn-learnmore.gif); width: 101px; }

/* Partners page
 * ================================== */

.our-partners .headingbox {
	height: 218px;
	background-image: url(images/hb-partners.jpg);
}

.our-partners .headingbox p.first {
	width: 440px;
	padding-top: 165px;
}

#maincopy #partner-logos {
	list-style-type: none;
	padding: 0;
	height: 268px;
}

#partner-logos li {
	width: 150px;
	float: left;
	background: transparent url(images/dot.gif) left bottom repeat-x;
	padding: 1px 0;
	margin-right: 15px;
}


/* Management team page
 * ================================== */
.our-management-team #maincopy img {
	display: block;
	float: left;
	margin: 4px 14px 5px 0;
}


/* Tradenet page
 * ================================== */
.about-tradenet .headingbox {
	background-image: url(images/hb-tradenet.jpg);
	height: 480px;
}

.about-tradenet .headingbox p.first {
	width: 440px;
	padding-top: 320px;
}

.about-tradenet .headingbox p.last {
	color: #444;
	padding: 20px 0 0;
}

/* About Pages page
 * ================================== */
.about-pages .headingbox {
	background-image: url(images/hb-aboutpages.jpg);
	height: 553px;
}

.about-pages .headingbox p.first {
	width: 300px;
	padding-top: 164px;
	padding-bottom: 38px;
}

.about-pages .col1 {
	float: left;
	width: 205px;
}

.about-pages .col2 {
	float: right;
	width: 276px;
}

.about-pages .col1 h2 {
	color: #fff;
	font-weight: normal;
	margin-bottom: 0;
}

.about-pages .col1 p {
	margin-top: 0px;
}

.about-pages .col1 h2 em {
	color: yellow;
	font-style: normal;
}

.about-pages .col2 h2 {
	color: #fff;
	font-weight: normal;
}

.about-pages .col2 h2 em {
	color: #000;
	font-style: normal;
}

.about-pages .col2 li strong {
	color: #000; 
}

.about-pages .col2 ul {
	list-style-type: disc;
	padding-left: 1em;
}

#supplierproducts {
	list-style-type: none;
	padding-left: 0;
}

#searchnowsupp , #searchnowsupp a { background-image: url(images/btn-searchnow2.gif); width: 104px; margin-top: 0; float: right; }
#getgoing , #getgoing a { background-image: url(images/btn-getgoing.gif); width: 104px; margin-top: 0; float: right; }

.inner .inner {
	padding: 0;
	height: 244px;
}


/* Community page
 * ================================== */
.community .headingbox p, .the-community .headingbox p {
	padding-top: 195px;
	width: 440px;
}

.community .headingbox, .the-community .headingbox {
	height: 297px;
	background-image: url(images/hb-community.jpg);
}

/* Connect08 page
 * ================================== */
.connect-08 .headingbox {
	background-image: url(images/hb-connect-08.jpg);
	height: 437px;
}

.connect-08 .headingbox div div {
	float: right;
}

.connect-08 .headingbox img {
	margin-top: 270px;
}

.connect-08 .headingbox ul {
	width: 370px;
	padding-top: 300px;
}

.connect-08 .headingbox p.last {
	color: #444;
	padding: 20px 0 0;
}


/* Sitemap page
 * ================================== */
.sitemap #maincopy h1 {
	margin-bottom: 0.8em;
}

.sitemap #maincopy h2 { display: none; }




/* Short heading box pages:
 * ========================================== */

.stdhdbox {
	padding-left: 24px; height: 225px; 
}

.stdhdbox h1 {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 180px;
}

.about-us .stdhdbox, .our-growth .stdhdbox, .our-management-team .stdhdbox,
.our-shareholders .stdhdbox, .contact-us .stdhdbox, .support .stdhdbox,
.our-corporate-charity .stdhdbox { background-image: url(images/hb-short-tug.jpg); }

.alliances .stdhdbox { background: url(images/hb-partners.jpg) no-repeat; height: 250px; }

.order-management .stdhdbox, .catalog-management .stdhdbox,
.contract-management .stdhdbox, .logistics-management .stdhdbox,
.business-intelligence .stdhdbox, .sign-up-for-tradenet .stdhdbox,
.software-requirements .stdhdbox { background-image: url(images/hb-short-cranes.jpg); }

.news-and-events .stdhdbox, .cat-4 .stdhdbox, .cat-5 .stdhdbox, .cat-13 .stdhdbox { background-image: url(images/hb-mast.jpg); }
.rss-feed .stdhdbox { background-image: url(images/hb-mast.jpg); }

.startsupplier .stdhdbox, .smartsupplier .stdhdbox,
.expertsupplier .stdhdbox, .expertsupplier-modules .stdhdbox { background-image: url(images/hb-mast.jpg); }


.pages-packages .stdhdbox, .how-pages-helps-suppliers .stdhdbox { background-image: url(images/hb-short-wake.jpg); }

.about-us .stdhdbox h1 { background-image: url(images/txt-about-us.gif); }
/*.alliances .stdhdbox h1 { background-image: url(images/txt-alliances.gif); }*/
.our-growth .stdhdbox h1 { background-image: url(images/txt-our-growth.gif); }
.our-management-team .stdhdbox h1 { background-image: url(images/txt-our-management-team.gif); }
.our-shareholders .stdhdbox h1 { background-image: url(images/txt-our-shareholders.gif); }
.sign-up-for-tradenet .stdhdbox h1 { background-image: url(images/txt-sign-up-for-tradenet.gif); }
.support .stdhdbox h1 { background-image: url(images/txt-support.gif); }

.order-management .stdhdbox h1 { background-image: url(images/txt-order-management.gif); }
.catalog-management .stdhdbox h1 { background-image: url(images/txt-catalog-management.gif); }
.contract-management .stdhdbox h1 { background-image: url(images/txt-contract-management.gif); }
.logistics-management .stdhdbox h1 { background-image: url(images/txt-logistics-management.gif); }
.business-intelligence .stdhdbox h1 { background-image: url(images/txt-business-intelligence.gif); }
.software-requirements .stdhdbox h1 { background-image: url(images/txt-software-requirements.gif); }

.startsupplier .stdhdbox h1 { background-image: url(images/txt-startsupplier.gif); }
.smartsupplier .stdhdbox h1 { background-image: url(images/txt-smartsupplier.gif); }
.expertsupplier .stdhdbox h1 { background-image: url(images/txt-expertsupplier.gif); }
.expertsupplier-modules .stdhdbox h1 { background-image: url(images/txt-expertsupplier-modules.gif); }

.our-corporate-charity .stdhdbox h1 { background-image: url(images/txt-our-corporate-charity.gif); }
.how-pages-helps-suppliers .stdhdbox h1 { background-image: url(images/txt-how-pages-helps-suppliers.gif); }

.news-and-events .stdhdbox h1, .cat-4 .stdhdbox h1, .cat-5 .stdhdbox h1, .cat-13 .stdhdbox h1 { background-image: url(images/txt-news-and-events.gif); }
.careers .stdhdbox h1 { background-image: url(images/txt-careers.gif); }

.pages-packages .stdhdbox h1 { background-image: url(images/txt-pages-packages.gif); }

.rss-feed .stdhdbox h1 { background-image: url(images/txt-rss-feed.gif); }

.contact-us .stdhdbox h1 { background-image: url(images/txt-contact-us.gif); }

#maincopy h2#buyerlist { margin-top: 2em; }

.the-community #sidebar { padding-top: 152px; }

.the-community #sidebar .highlights .last {
	padding-bottom: 5px;
}

#buyerbtn { float: left; margin-right: 2px; }
#supplierbtn { float: left; }

#buyerbtn, #buyerbtn a, #supplierbtn, #supplierbtn a {
	display: block;
	width: 239px;
	height: 61px;
	background: transparent url(images/btn-home-buyer.jpg) left bottom no-repeat;
	text-indent: -999em;
}

#supplierbtn, #supplierbtn a { background-image: url(images/btn-home-supplier.jpg); }

#buyerbtn a:link, #buyerbtn a:visited, #supplierbtn a:link, #supplierbtn a:visited { background-position: left top; }

#buyerbtn a:hover, #buyerbtn a:active, #supplierbtn a:hover, #supplierbtn a:active { background-position: left bottom; }




/* =sidebar stuff
 * ================================= */

/* 3 types of sidebar elements: teasers, highlights and news headlines */

.teasers li, .highlights li { padding-top: 10px; }

.teasers li.first { padding-top: 0; }

.teasers li .inner, .highlights li {
	background: transparent url(images/sb-dotted-line.gif) left bottom no-repeat;
	padding-left: 16px;
	padding-bottom: 12px;
}

.highlights li { background-position: right top; }

.teasers li.last .inner, .teasers li.last { background-image: none; padding-bottom: 0; }

.teasers h3 {
	text-indent: -999em;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

.highlights h3 { /* Runtime text headers */
	color: #00747B;
	text-indent: 0;
	font-weight: normal;
	margin-bottom: 0.4em;
}

.highlights h4 {
	color: #444;
	font-weight: normal;
}

.highlights { font-size: 110%; color: #888; margin-top: 0; }

#pagesteaser h3 { background-image: url(images/sb-heading-pages.gif); height: 37px; width: 98px; }
#tradenetteaser h3 { background-image: url(images/sb-heading-tradenet.gif); height: 37px; width: 98px; }
#connect08teaser h3 { background-image: url(images/sb-heading-connect08.gif); height: 55px; width: 124px; }

#howtnworks h3 { background-image: url(images/sb-heading-howtnworks.gif); height: 57px; width: 163px; margin-bottom: 10px; }

.teasers p, .highlights p {
	margin: 0 0 0.4em;
	font-size: 0.857em;
}

.highlights p {
	font-size: 1em;
}

.teasers .button, .teasers .button a {
	width: 125px; 
}

#pagesteaser .button, #pagesteaser .button a { background-image: url(images/btn-watchthevideo-green.gif); }
#tradenetteaser .button, #tradenetteaser .button a { background-image: url(images/btn-watchthevideo-red.gif); }
#fomoreblue, #fomoreblue a { background-image: url(images/btn-findoutmore2.gif); }

#howtnworks .button, #howtnworks .button a { background-image: url(images/btn-enlarge.gif); }

/* Connect 08 page: */
#downloadprogram , #downloadprogram a { background-image: url(images/btn-downloadprogram.gif); width: 146px; }
#signupnow, #signupnow a { background-image: url(images/btn-signupnow.gif); }
.cat-12 #connect08teaser p { color: #888; }

.teasers .button a:link, .teasers .button a:visited { background-position: left top; }
.teasers .button a:hover, .teasers .button a:active { background-position: left bottom; }

#howtnworks { padding-bottom: 10px; padding-left: 16px; }
#howtnworks .inner { 
	padding-top: 10px;
	background: transparent url(images/dot.gif) center top repeat-x;
}

#howtnworks .button { margin-top: 10px; }

#premlist { padding-bottom: 10px; padding-left: 16px; background: transparent url(images/bkgd-sb-premiumlisting.gif) right bottom no-repeat; margin-bottom: 26px; }

#premlist .inner { 
	padding-top: 10px;
	background: transparent url(images/dot.gif) center top repeat-x;
}

#premlist .button { 
	margin-top: 40px;
}

#getstarted, #getstarted a {
	background-image: url(images/btn-getstartednow.gif);
	width: 128px;
}

#premlist h3 { background-image: url(images/sb-heading-premiumlisting.gif); height: 57px; width: 131px; margin-bottom: 10px; }

#sidebar div.quotes {
	padding-left: 16px;
	margin-bottom: 20px;
}

#sidebar div.quotes .inner {
	background: transparent url(images/dot.gif) center top repeat-x;
	padding-top: 10px;
}

#sidebar blockquote { margin-top: 0; font-size: 1.1em; }
#sidebar cite { display: block; margin-bottom: 10px; font-size: 1.1em; }

.sidedetails {
	padding-left: 16px;
	font-size: 0.9em;
	padding-bottom: 10px;
}

.sidedetails h4 {
	font-weight: bold;
}

.sidedetails ul {
	list-style-type: disc;
	padding-left: 14px;
}

.sidedetails ul li, .sidedetails p {
	margin-bottom: 0em;
	line-height: 1.3;
}

#sidebar img.headshot {
	display: block;
	margin: 0 0 16px 0;
}

.climb-the-supplier-ladder #sidebar { padding-top: 122px; }


/* Lower sidenav stuff:
   ====================== */
#sidenav .highlights li {
	padding-left: 0;
	padding-right: 16px;
}

#sidenav .highlights li { background: transparent url(images/dot.gif) left top repeat-x; }


/* Dynamic (post) pages:
   ====================== */
#maincopy #archivenav { margin-bottom: 1.6em; padding-left: 0; list-style-type: none; }

#archivenav li {
	display: inline;
	padding-right: 10px;
	line-height: 1.4em;
}

#maincopy .post h2 { margin: -0.4em 0 0 0; }
#maincopy .post p.date { font-size: 0.8em; font-weight: bold; }

.post { padding-bottom: 0; }

/* Events doesn't show dates: */
.cat-13 #maincopy h2 { margin-top: 1em; }

/*Headlines and events box
 * ================ */
.box {
	background: transparent url(images/bkgd-box.png) right top no-repeat;
	width: 241px;
}

#headlines .inner, #nextevents .inner {
	padding: 10px 16px;
}

.box h4 {
	background: transparent url(images/dot.gif) center bottom repeat-x;
	padding-bottom: 10px;
	font-weight: bold;
}

.box ul { margin: 0; }

.box li, .box li a { width: 217px; } /* IE needs a width */

#headlines li, #headlines a, #nextevents li, #nextevents a {
	width: 158px; /* IE needs a width */
}

/* Different on homepage: */
.home #headlines li, .home #headlines a, .home #nextevents li, .home #nextevents a {
	width: 210px;
}

.box li a {
	display: block;
	background: transparent url(images/dot.gif) center bottom repeat-x;
	padding-bottom: 5px;
	padding-top: 2px;
}

#headlines .last a, #nextevents .last a { background-image: none; }

.box span.date {
	display: block;
	font-size: 0.714em;
	color: #000;
}

.box span.title {
	display: block;
	font-size: 0.857em;
	color: #000;
}

#latestresources span.title { color: #2F007A; }

.box span.extract, #nextevents span {
	display: block;
	font-size: 0.857em;
	padding-right: 24px;
	padding-bottom: 5px;
	background: transparent url(images/headlines-arrow.gif) right bottom no-repeat;
}

#latestresources span.extract { background-image: url(images/headlines-arrow-purple.gif); }

/* WP the_excerpt() spews out P tags - neutralize these: */
.box span.extract p { display: inline; }

.box a:hover span.date, .box a:hover span.title, #latestresources a:hover span.title { color: #64A6D9; }


#nextevents {
	margin-top: 16px;
}



/* SIX page
 * ================================== */
.shipserv-inventory-exchange .headingbox p {
	padding-top: 204px;
	width: 20em;
}

.shipserv-inventory-exchange .headingbox {
	height: 297px;
	background-image: url(images/hb-six.jpg);
}


#mcafeeteaser {
	padding-top: 40px;
}