/* Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
header, footer, nav, section, article {
    display:block;
}
/* End of Reset */
/* Template */
html, body {
	height: 100%;
	min-height: 100%;
	width: 100%;
}
body {
	line-height: 1.5;
}
.page {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0 auto;
	/* max-width: 1000px;
	min-width: 700px; */
	_top: 2px;
}
.topbar, .main, .wrap, footer {
	clear: both;
	width: 100%;
}
.wrapinner {
	padding: 0 1em;
	margin: 0 auto;
	width: 800px;
}
.topbar {
	height: 25px;
}
.topbar div.wrapinner {
	text-align: left;
	line-height: 25px;
}
.main {
}
nav {
    margin: 0 auto;
}
.content {
    padding: 1em 0;
}
.beforefooter {
	height: 200px;
}
footer {
	position: absolute;
	bottom: 0;
}
/* End Of Template */
/* Grids */
.line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.lastUnit:after {
	content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
	visibility: hidden;
	clear: both;
	height: 0 !important;
	display: block;
	line-height: 0;
}
.line {
	*zoom: 1;
}
.unit {
	float: left;
}
.size1of1 {
	float: none;
}
.size1of2 {
	width: 50%;
}
.size1of3 {
	width: 33.33333%;
}
.size2of3 {
	width: 66.66666%;
}
.size1of4 {
	width: 25%;
}
.size3of4 {
	width: 75%;
}
.size1of5 {
	width: 20%;
}
.size2of5 {
	width: 40%;
}
.size3of5 {
	width: 60%;
}
.size4of5 {
	width: 80%;
}
.lastUnit {
	display: table-cell;
	*display:block;
	*zoom:1;
	float:none;
	_position:relative;
	_left:-3px;
	_margin-right: -3px;
	width:auto;
}
/* End Of Grids */
/* Skin */
body {
    background-color: #FFFFFF;
	font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
}
a {
	color: #0066FF;
}
a:hover {
	color: #C30000;
}
div.page {
	background-color: #FFFFFF;
}
div.topbar {
    background-color: #EEEEEE;
	color: #666666;
}
div.topbar .wrapinner {
	font-size: 80%;
	color: #666666;
	font-weight: bold;
}
header {
	/* border-bottom: 1px solid #54AB21; */
}
header h1 a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	width: 240px;
	height: 80px;
}
header h1 a.buyer {
	background: url("../img/tdabidslogo.png") no-repeat;
}
header h1 a.vendor {
	background: url("../img/tdabidslogo2.png") no-repeat;
}
header h3 {
	line-height: 80px;
}
ul.topmenu {
	margin: 0;
	display: block;
}
ul.topmenu li {
	display: inline;
	background-color: #BBBBBB;
	float: left;
}
ul.topmenu li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 1em;	
	display: block;
	font-variant: small-caps;
}
/*
ul.topmenu a.first {
	border-radius: 0.5em 0 0 0.5em;
	-moz-border-radius: 0.5em 0 0 0.5em;
	-webkit-border-radius: 0.5em 0 0 0.5em;
}
ul.topmenu a.last {
	border-radius: 0 0.5em 0.5em 0;
	-moz-border-radius: 0 0.5em 0.5em 0;
	-webkit-border-radius: 0 0.5em 0.5em 0;
}
*/
ul.topmenu li a:hover {
	color: #FFFFFF;
	background-color: #998675;
}
header .mainmenu {
	clear:both;
	color:#F2F2F2;
	font-size:105%;
	width:100%;
}
header nav {
	width: 100%;
    margin: 0 auto;
}
header nav a
{
	font-size: 80%;
	display: block;
    color: #0066FF;
    padding: 0.25em 1em;
    text-decoration: none;
}
header nav a:hover
{
    background-color: #998675;
	color: #FFFFFF;
}
header nav .active
{
	background-color: transparent;
}
header nav .active a
{
    background-color: #6699ff;
    color: #FFFFFF;
    border: none;
}
.content {
    /* background-color: #FFFFFF; */
	color: #444444;
}
footer {
    background-color: #EEEEEE;
	text-align: center;
	color: #666666;
	font-size: 90%;
}
footer .wrapinner a {
	color: #84827B;
}
footer .wrapinner a:hover {
	color: #55544E;
}
/*footer .wrapinner a:hover {
	text-decoration: underline;
}
*/
footer .mainmenu {
	clear:both;
	height:4em;
	width:100%;
}
footer .nav {
    line-height: 4em;
	width: 100%;
    margin: 0 auto;
}
footer .nav a {
	font-size: 120%;
	font-weight: bold;
	border-bottom:1px dotted #84827B;
	margin:0 1em;
	text-decoration: none;
}
footer .nav a:hover {
	color: #55544E;
	border-bottom:1px solid #55544E;
}
footer .nav .active
{
	background-color: #DBE6F4;
}
footer .nav .active a
{
	display: block;
    color: #55544E;
    border: medium none;
	margin-top: -12px;
	_margin-top: -34px;
}
.activeitem
{
	display: none;
    width: 1px;
    height: 0;
    position: relative;
    margin: 0 auto;
    border-bottom: none;    
    border-top: #FFFFFF solid 12px;
    border-left: #DBE6F4 solid 12px;
    border-right: #DBE6F4 solid 12px;
}
footer .wrapinner p {
}


/* End Of Skin */
/* Content Elements */
em {
	font-style: italic;
}
strong {
	font-weight:bold;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", Arial, Helvetiva, Sans-Serif;
}
.title {
	padding: 1.3em 1em 0.5em 0;
}
.title2 {
	padding: 1em 1em 0 0;
}
h1, .h1 {
	font-size: 220%;
	font-weight: normal;
	font-style: normal;
	color: #666666;;
}
h2, .h2 {
	font-size: 150%;
	font-weight: bold;
	font-style: normal;
	color: #666666;
}
h3, .h3 {
	font-size: 130%;
	font-weight: normal;
	font-style: normal;
	color: #3671A1;
}
h4, .h4 {
	font-size: 115%;
	font-weight:normal;
	font-style: italic;
	color: #333333;
}
h5, .h5 {
	font-size: 108%;
	font-weight: bold;
	font-style: normal;
	color: #AE0345;
}
h6, .h6 {
	font-size:108%;
	font-weight:normal;
	font-style: italic;
	color: #333;
}
h2 a, h3 a {
	text-decoration: none;
	border-bottom: 1px dotted #0066FF;
}
h2 a:hover, h3 a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #C30000;
}
/* End of Content Elements */
/* Module */
.mod10{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}
/* End of Module */
/* Module Skins */
.patt, .pattern > .inner {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpi+P//PwMQiwCxBxALM4IIBgaGt0AsAsQmDDAZmEoU5SBBgAADAGAsKXAwjAbKAAAAAElFTkSuQmCC) repeat scroll 0 0;
}
.round > .inner, .simple > .inner {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 1em;
	*padding: 1em 1.5em;
}
.round b {
	background-image:url("../img/round.png");
}
.simple > .inner {
	border:1px solid #D7D7D7;
}
.simple b {
	background-image:url("../img/simple_corners.png");
}
.about .inner {
	_padding: 1em;
	background: #6699FF url("../img/bluegradient.jpg") repeat-x;
	color: #FFFFFF;
	font-size: 120%;
}
.buyer .inner {
	background: #6699FF url("../img/bluegradient.jpg") repeat-x;
}
.vendor .inner {
	background: #8ACC68 url("../img/greengradient.jpg") repeat-x;
}
.about h3 {
	color: #FFFFFF;
}
.about a {
	color: #EEEEEE;
}
.image {
	width: auto;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}
.image > .inner {
	padding: 0.5em;
}
.image .caption {
	font-style: italic;
	font-size: 80%;
}
.g_one {
	background-color: #EFEFEF;
}
.g_two {
	background-color: #E7E7E7;
}
.g_three {
	background-color: #DFDFDF;
}
.g_four {
	background-color: #D7D7D7;
}
.g_five {
	background-color: #CFCFCF;
}
.zero, .m_zero .inner {
	background-color: #FFFFFF !important;
	border: 1px solid #4F5859;
}
.one, .m_one .inner {
	background-color: #CCCC99 !important;
}
.two, .m_two .inner {
	background-color: #DDDDBB !important;
}
.three, .m_three .inner {
	background-color: #CCCCCC !important;
}
.four, .m_four .inner {
	background-color: #EEEEEE !important;
}
.five, .m_five .inner {
	background-color: #C3EFB3 !important;
}
.six, .m_six .inner {
	background-color: #EFC3B3 !important;
}
.seven, .m_seven .inner {
	background-color: #DBE6F4 !important;
}
.eight, .m_eight .inner {
	background-color: #FFDF7F !important;
}
.nine, .m_nine .inner {
	background-color: #4F5859 !important;
}
ul.simpleList li {
	list-style-type:disc;
	margin-left: 25px;
}
ul.checkList li {
	list-style-image: url("../img/tick.png");
	margin-left: 30px;
	border-bottom: 1px solid #CCCCCC;
}
ul.starList li {
	list-style-image: url("../img/bullet_star.png");
	margin-left: 30px;
	border-bottom: 1px solid #CCCCCC;
}
dt {
	color: #6F0800;
}
dl.simpleList dt {
	float: left;
	margin-right: 1ex;
}
dl.floatList dt {
	float: left;
	width: 9em;
	text-align: right;
}
dl.floatList dd{
	margin-left: 10em;
}
/* End of Module Skins */

/* Generics */
a[target="_blank"], .link-http {
	background: url("../img/external.png") center right no-repeat;
	padding-right: 13px;
}
ul.topmenu a[target="_blank"] {
	background-image: none;
	padding-right: 1em;
}
.clear {
	clear: both;
}
div.clear {
	width: 100%;
	height: 0;
}
.fullem {
	margin-bottom: 1em !important;
}
.rfullem {
	margin-right: 1em !important;
}
.fullem-top {
	margin-top: 1em !important;
}
.right {
	float: right;
	_margin-left: -3px;
}
.aright {
	text-align: center;
}
.left {
	float: left;
	_margin-right: -3px;
}
.aleft {
	text-align: left;
}
.acenter, .centerred {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.smaller {
	font-size: 80%;
}
.em {
	color: #6F0800;
}
.imp {
	color: #CC0E18;
}

.first, nav .first a {
	border-radius: 0.5em 0 0 0.5em;
	-moz-border-radius: 0.5em 0 0 0.5em;
	-webkit-border-radius: 0.5em 0 0 0.5em;
}

.last, nav .last a {
	border-radius: 0 0.5em 0.5em 0;
	-moz-border-radius: 0 0.5em 0.5em 0;
	-webkit-border-radius: 0 0.5em 0.5em 0;
}
.withicon {
	margin-left: 48px;
}
.nobr {
	white-space: nowrap;
}
span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}
.code {
	font-family: Consolas, "Courier New", Courier, monospace;
	font-weight: bold;
}
.label {
	float: left;
	width: 12em;
	clear: none;
	text-align: right;
	padding-right: 1em;
}
.sticker a {
	display: block;
    padding: 0.25em 1em;
    text-decoration: none;
}
.sticker.five a:hover {
	background-color: #547F26;
}
.sticker.six a:hover {
	background-color: #9F2727;
}
div.clientlogos img {
	margin:25px 25px 0 0;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
/* End Of Generics */
/* TABLE */
table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}