/*style basic html elements */
body
{
	font-size: 70%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: White;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-width: 620px;
}


body#framedBody
{
	text-align: left;
	background-color: White;
	color: Black;
	padding-top: 3px;
}

body#controlContainer
{
	background-color: #FFFFFF;
	padding: 5px;
	min-width: 0px;
	border: none;
}

a, a:visited, a:hover
{
	color: #0000CD;
}

a.disabled, a.disabled:hover, a.disabled:visited, .disabled
{
	color: Gray;
}

a.inactive, a.inactive:hover, a.inactive:visited, .inactive
{
	color: #DCDCDC;
}

a.error, a.error:hover, a.error:visited, .error
{
	color: red;
}

h1, .mainsectionheading
{
	font: bold 130% Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 0px;
	padding-top: 4px;
	margin-bottom: 6px;
	margin-top: 0px;
}

h2
{
	font: bold 110% Arial, Helvetica, sans-serif;
	padding-left: 0px;
	color: Black;
	padding-top: 2px;
	padding-bottom: 2px;
}

h3
{
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 4px;
}

th
{
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	color: #696969;
}

th:after
{
	content: ":";
}

td
{
	vertical-align: top;
}

fieldset
{
	padding: 6px;
	border: 1px solid #A9A9A9;
	margin: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

legend
{
	border: 1px solid #A9A9A9;
	background-color: #F5F5F5;
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	margin-bottom: 1px;
}

label
{
	float: left;
	width: 120px;
	margin-right: 0.5em;
	padding-top: 0.3em;
	text-align: right;
	font-weight: bold;
}

form
{
	padding: 0px;
	margin: 0px;
}

input
{
	font-size: 100%;
}

input:focus, textarea:focus
{
	background-color: #FFFFE0;
}
input.watermark
{
	color: silver;
}
textarea
{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
select
{
	font-size: 100%;
}


iframe.bodyframe
{
	border: none;
	width: 99.8%;
	height: 100%;
	min-height: 600px;
	background-color: red;
}

hr
{
	border: 0;
	color: black;
	background-color: black;
	height: 1px;
}

quote
{
	font-style: italic;
}

div#navlayer
{
}

ul.breadcrumb
{
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
}

ul.breadcrumb li
{
	display: inline;
}

ul.breadcrumb li:before
{
	content: "\0020 \0020 \0020 \00BB \0020";
}
ul.breadcrumb li:first-child:before
{
	content: "";
}

ul#nav
{
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: red;
	width: 100%;
	white-space: nowrap;
}

ul#nav li
{
	float: left;
	padding: 4px;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	color: White;
	z-index: 100;
	margin-right: 16px;
	display: inline;
	white-space: nowrap;
}

#nav a
{
	border-collapse: collapse;
	padding: 4px;
	font-weight: normal;
	color: White;
	text-decoration: none;
}

#nav a:hover
{
	color: White;
}

ul#nav li a.topLevel, ul#nav li a.topLevel:visited, ul#nav li a.topLevel:hover
{
	display: inline;
	text-decoration: none;
	padding: 0px;
	margin-top: 10px;
	vertical-align: middle;
	background: transparent;
	font-weight: bold;
}

ul#nav li a.topLevel:hover
{
	text-decoration: underline;
}

div.subnavigation
{
	padding: 0px;
	margin-left: 0px;
}

#framedContent div.subnavigation
{
	left: 0px;
}

#framedContent div#sideContainer
{
	position: fixed;
}





div.subnavigation ul
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

div.subnavigation li
{
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	border: 0px solid white;
}

div.subnavigation a, div.subnavigation a:visited
{
	padding: 3px;
	margin: 0px;
	display: block;
	font-size: 100%;
	font-weight: bold;
	border: none;
}

div.subnavigation a:hover
{
}

div.pagingControls
{
}

div.pagingControls a
{
	padding: 2px;
}

div.pagingControls .selectedPage
{
	font-weight: bold;
	font-size: 100%;
	vertical-align: baseline;
	padding: 1px;
}

div#companybranding
{
	height: inherit;
}

div#content
{
	text-align: left;
	color: Black;
	border: none;
	min-height: 350px;
	height: auto;
	padding: 10px 10px 20px 10px;
	z-index: -10;
	background-color: Lime;
}

div#framedContent
{
	padding-top: 0px;
	padding-left: 2px;
}

div#frame
{
	border: none;
	padding-right: 2px;
}

table#informationbox
{
	margin: 0px;
	color: #2F4F4F;
	padding: 1px;
	border: 1px solid #F0E68C;
	background-color: #FFFFF0;
	margin-bottom: 2px;
	width: 100%;
}

div.informationbox
{
	margin: 0px;
	color: #2F4F4F;
	padding: 6px;
	border: 1px solid #F0E68C;
	background-color: #FFFFF0;
	margin-bottom: 2px;
}

div.informationbox div.additionalinfo
{
	background-color: #FFFFFE;
	padding: 6px; /*border: 1px solid #F0E68C; Change*/
	margin: 6px;
}

div.informationbox p
{
	padding: 3px;
	margin: 0px;
}

div.informationbox h1
{
	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #EEE8AA;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	color: #8B4513;
}

#footer
{
	height: 40px;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: center;
}

#footer a, #footer a:visited
{
	color: #708090;
}

table.datatable
{
	background-color: white;
	color: black;
	border-collapse: collapse;
	font-size: 100%;
	margin-left: 0px;
	margin-top: 3px;
	border: 1px solid #DCDCDC;
}

table.datatable th
{
	background-color: #D3D3D3;
	padding: 3px;
	color: Black;
	border: 1px solid #DCDCDC;
	text-align: left;
}

table.datatable th:after, table.simpledatatable th:after
{
	content: "";
}

.datatable td, table.simpledatatable td
{
	padding: 2px;
	border: 1px solid #DCDCDC;
}

table.simpledatatable
{
	background-color: white;
	color: black;
	border-collapse: collapse;
	font-size: 100%;
	margin-left: 0px;
	margin-top: 3px;
	border: 1px solid black;
}

table.simpledatatable th
{
	background-color: Black;
	padding: 3px;
	color: White;
	border: 1px solid Black;
	font-weight: bold;
	text-align: left;
}

.alternate
{
	background-color: #FFFFCC;
}
td.currency
{
	text-align: right;
}
table.datatable .noresults, table.datatable tr .noresults, table.datatable tr td.noresults
{
	border: none;
	font-weight: normal;
}


table.summary
{
	color: black;
	border-collapse: collapse;
	
}

table.summary th
{
	font-weight: normal;
	padding: 3px;
}

table.summary th.heading
{
	font-weight: bold;
	color: black;
}

table.summary td
{
	padding: 3px;
}

table.summary th:after
{
	content: ":";
}

.reportviewer
{
	border: 1px solid #708090;
	background-color: #FFFFF0;
}

div#signin
{
	width: 350px;
	margin-top: 6px;
	padding: 6px;
	color: Black;
	border: 1px solid #696969;
	background-color: #F5F5F5;
}

div#signin fieldset
{
	border: 1px double #FFDEAD;
}

div#minisignin
{
	margin-top: 1px;
	padding: 3px 3px 3px 4px;
	color: Black;
	border: 1px solid #696969;
}

div#minisignin h2
{
	font: bold 100% Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
	color: Black;
	border-bottom: 1px solid #696969;
	background-color: #F5F5F5;
	padding: 2px;
}

a.help, a.help:visited
{
	background-image: url(Images/Common/helpitem.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	background-position: center;
	cursor: pointer;
}

a.help:hover
{
	background-image: url(Images/Common/helpitem.gif);
	cursor: pointer;
}

div#helpContainer
{
	position: absolute;
	background-color: #FFFFF0;
	padding: 6px;
	visibility: hidden;
	width: 200px;
	border: 1px solid #F0E68C;
	left: 350px;
	top: 20px;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 190;
}

div.helpItem
{
	position: absolute;
	visibility: hidden;
	background-color: #FFFFF0;
	padding: 6px;
	width: 160px;
	border: 1px solid #F0E68C;
	margin-left: 25px;
	margin-top: -20px;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 190;
}

div.clientLookup
{
	border: 1px solid #A9A9A9;
	padding: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	min-width: 110px;
	max-width: 140px;
	background-color: #F5F5F5;
	font-size: 8pt;
	font-weight: normal;
}

div.clientLookup input
{
	font-size: 100%;
	width: 115px;
}

.lookupResults a, .lookupResults a:visited, .lookupResults a:hover
{
	display: block;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid white;
	text-decoration: none;
	font-size: 90%;
}

.lookupResults a.alternate, .lookupResults a.alternate:visited
{
	background-color: #F5F5F5;
	border: 1px solid #EFEFEF;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
}

.lookupResults a:hover, .lookupResults a.alternate:hover
{
	background-color: #F5F5F5;
	color: #191970;
	border: 1px solid #D3D3D3;
	text-decoration: underline;
}
.lookupResults a:focus
{
	background-color: #FFFACD;
}

.dataWizard
{
	padding: 0px;
	vertical-align: top;
	background-color: #FEFEFE;
	border: 1px solid #F0E68C;
	width: 670px;
	height: 371px;
	-moz-border-radius: 8px;
}

.dataWizardSidebar
{
	padding: 4px;
	width: 110px;
	vertical-align: top;
	border: 1px solid #F0E68C;
	background-color: #FAFAD2;
}
.dataWizardContent
{
	padding: 10px;
	background-color: White;
	color: Black;
}

.dataWizardStepSelected
{
	background-color: #F0E68C;
	padding: 4px;
	margin: 6px;
	border: 1px solid #F0E68C;
}

.dataWizardStepNotSelected
{
	padding: 4px;
	margin: 6px;
	border: 1px solid #F0E68C;
}

.dataWizardStepNotSelected a, .dataWizardStepNotSelected a:visited, .dataWizardStepNotSelected a:hover
{
	color: Silver;
	font-weight: normal;
	text-decoration: none;
}

.dataWizardStepSelected a, .dataWizardStepSelected a:visited, .dataWizardStepSelected a:hover
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.dataWizardFooter
{
	background-color: #FFFFE0;
	border-top-color: #EEE8AA;
	border-top-style: solid;
	border-top-width: 1px;
}

div#wizardStepHeader
{
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: bold;
	background-color: #FFFFF0;
	border: 1px solid #F0E68C;
	padding: 3px;
	font-size: 130%;
	-moz-border-radius: 4px;
}

.checklist label
{
	float: left;
	width: 160px;
	margin-right: auto;
	padding-top: 0.3em;
	text-align: right;
	font-weight: normal;
	text-transform: none;
	color: #BC8F8F;
}

.sideContentCell
{
	width: 150px;
}
div#sideContainer
{
	position: absolute;
	left: 0px;
	width: 136px;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 6px;
	-moz-border-radius: 8px;
	z-index: 1000;
	margin-top: 0px;
}

.sideContainer
{
	position: absolute;
	left: 0px;
	width: 35px;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 6px;
	-moz-border-radius: 8px;
	z-index: 1000;
	margin-top: 0px;
}
/*Change*/


#framedContent div#sideContainer
{
	left: 0px;
}


div.clientproduct
{
	padding: 0px;
	font-size: 11px;
	background-color: ivory;
}

.clientproduct .heading
{
	background: url(Images/HdrGrad2.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border: 1px solid #B8860B;
	font-size: 14px;
	font-weight: bold;
	border-collapse: collapse;
}

.clientproduct .heading input
{
	font-size: 80%;
}

.clientproduct .pricing
{
	border: 1px solid #DCDCDC;
	padding: 0.4em;
	background-color: #F4F6E6;
	margin: 0.4px;
}
.clientproduct .pricing h1
{
	font-size: 80%;
	margin: 0px;
	padding: 0.2em;
	font-weight: normal;
	color: #696969;
}

div.clientproduct th
{
	color: Black;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 2px;
}

div.clientproduct td
{
	text-align: left;
	vertical-align: top;
	padding: 2px;
}

div.clientproduct .description
{
	border: 1px solid whitesmoke;
	padding: 0em 1em 1em 1em;
	font-size: 130%;
}

div.clientproduct .ref
{
	text-align: left;
	color: Gray;
	font-size: 80%;
	padding-bottom: 0.4em;
}

.picturecontainer
{
	width: 300px;
	min-height: 250px;
	text-align: center;
}

div.clientproduct .picture
{
	border: 1px solid #F5F5F5;
	background-color: white;
}

div.clientproduct .itemcaption
{
	color: #A0522D;
	font-style: italic;
}

div.clientproduct .thumbnail
{
	margin: 2px;
	vertical-align: middle;
}
div.clientproduct .details
{
	font-size: 130%;
}

div.transactiondetails
{
}

div.transactiondescription
{
	overflow: auto;
	max-height: 30px;
	min-height: 30px;
	color: dimgray;
}

input.confirmedInput
{
	border: 2px solid green;
	color: green;
}

input.presetInput
{
	color: #696969;
	font-style: italic;
}

.attention, a.attention, a.attention:hover, a.attention:visited
{
	color: red;
	font-weight: bold;
	padding-right: 2px;
}

.confirmed
{
	color: green;
	background-image: url(Images/Common/confirmed.png);
	background-repeat: no-repeat;
	padding-left: 13px;
	margin-right: 10px;
}

.unconfirmed
{
	color: #0000CD;
	background-image: url(Images/Common/unconfirmed.png);
	background-repeat: no-repeat;
	padding-left: 13px;
	margin-right: 10px;
}

.warning
{
	color: #D2691E;
}

.error
{
	color: red;
	text-decoration: none;
}

.info
{
	color: Gray;
	padding: 4px;
}

.unread
{
	background-color: #F5F5F5;
	font-weight: bold;
	font-style: italic;
}

.important, .urgent, .normal
{
	font-size: 200%;
	font-weight: bold;
	vertical-align: top;
	float: left;
	padding-right: 2px;
}
.important
{
	color: Green;
}

.urgent
{
	color: Red;
}

.normal
{
}

.removed
{
	color: Maroon;
}

.correction
{
	color: #32CD32;
}

.contactPerson
{
	color: blue;
	background-image: url(Images/Common/contactperson.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 10px;
	font-weight: bold;
}

.ratingPos, .ratingNeutral, .ratingNeg
{
	color: blue;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 3px;
	font-weight: normal;
}

.ratingPos
{
	color: green;
	background-image: url(Images/Common/ratingPos.png);
}

.ratingNeutral
{
	color: #FF8C00;
	background-image: url(Images/Common/ratingNeutral.png);
}

.ratingNeg
{
	color: red;
	background-image: url(Images/Common/ratingNeg.png);
}

.Positive
{
	color: green;
}

.Negative
{
	color: red;
}

.Neutral
{
	color: #FF8C00;
}


input.ratingNeg, input.ratingPos, input.ratingNeutral, input.ratingNeg
{
	background-image: none;
	padding-left: 3px;
	margin-right: 0px;
}


textarea.ratingPos
{
	border: 1px solid green;
}

textarea.ratingNeg
{
	border: 1px solid red;
}
textarea.ratingNeutral
{
	border: 1px solid orange;
}
.negativeamount, .negativeamount a, .negativeamount a:visited, .negativeamount a:hover
{
	color: Red;
	text-align: right;
	text-decoration: none;
}
.negativeamount a:hover
{
	text-decoration: underline;
}

div#topbranding
{
}

div#searchbar
{
	padding: 2px;
	color: black;
	vertical-align: top;
}

#signedin
{
	padding: 2px;
	position: relative;
	margin-right: 10px;
	-moz-border-radius-topleft: 8px;
	display: inline;
}

ul.tabs
{
	margin: 0px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	white-space: nowrap;
}

ul.tabs li
{
	list-style: none outside none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul.tabs li a, ul.tabs li a:visited
{
	border: none;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	margin-right: 0px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background-color: #A9A9A9;
}

ul.tabs li a:hover
{
	background-color: #696969;
	color: white;
	text-decoration: underline;
}

ul.tabs li a.selectedTab, ul.tabs li a:visited.selectedTab
{
	background-color: #696969;
	color: White;
	border: none;
}

.datePicker, .tabs li .datePicker
{
	background-image: url(Images/datepicker.gif);
	background-repeat: no-repeat;
	padding: 10px;
	background-position: center;
}


div.tabcontainer
{
	padding: 4px;
	position: relative; /*removed for ie7 iframe calendar pos bug*/
	border: 1px solid #696969;
	border-top: 5px solid #696969;
	min-width: 600px;
	margin-right: 2px;
}

.floatingItem
{
	position: absolute;
	z-index: 10000;
}


.floatingContentItem
{
	border: 1px solid #9E9849;
	padding: 0px;
	position: absolute;
	margin-top: 80px;
	display: none;
	z-index: 1000;
	min-height: 200px;
	background-color: White;
	-moz-border-radius: 7px;
}

.floatingContentTitle
{
	padding: 0px;
	background-color: #CDC889;
	font-weight: bold;
	color: white;
	-moz-border-radius-topleft: 6x;
	-moz-border-radius-topright: 6px;
}

div.minitabbox
{
	padding: 3px;
	position: relative;
	border: 1px solid #999966;
	border-top: 5px solid #999966;
	z-index: 0;
	font-weight: normal;
	max-width: 350px;
	min-height: 50px;
	background-color: white;
}

.messagebody
{
	min-width: 200px;
	background-color: #F5F5F5;
	border: 1px solid gainsboro;
	padding: 5px;
	height: 120px;
	overflow: auto;
}

.originalMessage
{
	height: 60px;
	overflow: auto;
	border: 1px solid gainsboro;
	padding: 5px;
	color: Gray;
}

.contentItem
{
	border: 1px solid #EEE8AA;
	-moz-border-radius: 7px;
	padding: 4px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.contentSection
{
	padding: 0.5em;
	min-height: 300px;
}


.browseCategories
{
	background-color: #FFFFF0;
	padding: 6px;
}

.marketplacedivider
{
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 2px;
	padding-top: 2px;
}

.topCategoryTitle
{
	margin-top: 8px;
	border-bottom: 1px solid gainsboro;
	font-size: larger;
	background-color: #FAFAFA;
}

.topCategoryTitle a, .topCategoryTitle a:visited, .topCategoryTitle a:hover
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.topCategoryTitle a:hover
{
	text-decoration: underline;
}

.subcategoryList
{
	padding: 4px;
}

.prodlistingsmall
{
	-moz-border-radius: 7px;
	padding: 4px;
}
.prodlistingsmall .additionalinfo, .prodlistingsmall .additionalinfo a, .prodlistingsmall .additionalinfo a:visited
{
	color: #708090;
	text-align: right;
	text-decoration: none;
}
.prodlistingsmall .additionalinfo a:hover
{
	text-decoration: underline;
}
.prodlistingsmall p
{
	overflow: hidden;
	height: 30px;
	padding: 0px;
	margin: 2px;
}
.prodlistingsmall img
{
	border: 1px solid #D3D3D3;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 4px;
	margin-left: 2px;
}
.prodlistingsmall .itemTitle
{
	margin: 0px;
	font-weight: bold;
	vertical-align: middle;
}

.subheading:before
{
	content: "- [";
}
.subheading:after
{
	content: "]";
}


/*marketplace style*/
/*offers colours*/
ul.tabs li a.offers, ul.tabs li a.offers:visited
{
	background-color: #006400;
	background-image: url(Images/Common/gradgreen.gif);
	background-repeat: repeat-x;
}
ul.tabs li a.offers:hover
{
	background-color: Green;
	color: White;
}
.offers .tabcontainer
{
	border-color: #577C0B;
}
.offers .minitabbox
{
	background-color: white;
	border-color: #577C0B;
}
.offers a, .offers a:visited, .offers h2
{
	color: #006400;
}
.offers ul.tabs li a.selectedTab, .offers ul.tabs li a.selectedTab:visited
{
	background-color: #006400;
	background-image: url(Images/Common/gradgreen.gif);
	background-repeat: repeat-x;
}
.offers ul.tabs li a, .offers ul.tabs li a:visited, .offers ul.tabs li a:hover
{
	background-color: #96BE47;
	color: white;
}
.offers ul.tabs li a.help, .offers ul.tabs li a.help:hover, .offers ul.tabs li a.help:visited
{
	background-color: transparent;
}

.offers .prodlistingsmall
{
	border: 1px solid #E2EDE2;
	margin-bottom: 1em;
}

.offers div.clientproduct
{
	background-color: transparent;
}

/*wants colours*/
ul.tabs li a.wants, ul.tabs li a.wants:visited
{
	background-color: #8B0000;
	color: White;
	background-image: url(Images/Common/gradred.gif);
	background-repeat: repeat-x;
}
ul.tabs li a.wants:hover
{
	background-color: #B25A2F;
	color: White;
}
.wants .tabcontainer
{
	border-color: #970F0F;
	background-color: #FFFDFD;
}
.wants .minitabbox
{
	background-color: #FFF4EE;
	border-color: #970F0F;
}
.wants a, .wants a:visited, .wants h2
{
	color: Maroon;
}
.wants ul.tabs li a.selectedTab, .wants ul.tabs li a.selectedTab:visited
{
	background-color: #8B0000;
	color: White;
	background-image: url(Images/Common/gradred.gif);
	background-repeat: repeat-x;
}
.wants ul.tabs li a, .wants ul.tabs li a:visited, .wants ul.tabs li a:hover
{
	background-color: #D38181;
	color: white;
}
.wants ul.tabs li a.help, .wants ul.tabs li a.help:hover, .wants ul.tabs li a.help:visited
{
	background-color: transparent;
}

.wants .prodlistingsmall
{
	border: 1px solid #FAF0E6;
	margin-bottom: 1em;
}
.wants div.clientproduct
{
	background-color: transparent;
}

/*classifieds colours*/
ul.tabs li a.classifieds, ul.tabs li a.classifieds:visited
{
	background-color: #00008B;
	color: White;
	background-image: url(Images/Common/gradblue.gif);
	background-repeat: repeat-x;
}
ul.tabs li a.classifieds:hover
{
	background-color: #0001A6;
	color: White;
}
.classifieds .tabcontainer
{
	border-color: #132A99;
	background-color: #FCFCFE;
}
.classifieds .minitabbox
{
	background-color: #E2ECF5;
	border-color: #152F9C;
}
.classifieds a, .classifieds a:visited, .classifieds h2
{
	color: #00008B;
}
.classifieds ul.tabs li a.selectedTab, .classifieds ul.tabs li a.selectedTab:visited
{
	background-color: #191970;
	background-image: url(Images/Common/gradblue.gif);
}
.classifieds ul.tabs li a, .classifieds ul.tabs li a:visited, .classifieds ul.tabs li a:hover
{
	background-color: #9DB3DF;
	color: white;
}
.classifieds ul.tabs li a.help, .classifieds ul.tabs li a.help:hover, .classifieds ul.tabs li a.help:visited
{
	background-color: transparent;
}

.classifieds .prodlistingsmall
{
	background-color: #F8F8FF;
	border: 1px solid #F5F5F5;
}

.classifieds .itemTitle
{
	font-weight: bold;
	padding: 0px;
	border-top: 2px solid #D3D3D3;
	font-size: 110%;
}

.classifieds .contentItem
{
	border-color: #D7D8FF;
}
.classifieds .alternateItem, .directory .alternateItem
{
	background-color: #F8F8FF;
	border-top: 1px solid #D7D8FF;
	border-bottom: 1px solid #D7D8FF;
}
.classifieds div.clientproduct
{
	background-color: transparent;
}
.classifieds div.clientproduct .description
{
	border-color: #B0C4DE;
	-moz-border-radius: 4px;
	font-size: 110%;
}
.classifieds div.clientproduct .picture
{
	border-color: #4682B4;
}





/*directory colours*/
ul.tabs li a.directory, ul.tabs li a.directory:visited
{
	background-color: #2F95AF;
	color: White;
	background: url(Images/Common/gradaqua.gif) repeat-x;
}
ul.tabs li a.directory:hover
{
	background-color: #E1B347;
	color: White;
}
.directory .tabcontainer
{
	border-color: #0071A5;
	background-color: #FEFEFB;
}
.directory .minitabbox
{
	background-color: #F3FBFC;
	border-color: #438899;
}
.directory ul.tabs li a.selectedTab, .directory ul.tabs li a.selectedTab:visited
{
	background-color: #2F95AF;
	color: White;
	background: url(Images/Common/gradaqua.gif) repeat-x;
	white-space: nowrap;
}
.directory ul.tabs li a, .directory ul.tabs li a:visited, .directory ul.tabs li a:hover
{
	background-color: #98C7D3;
	color: white;
}
.directory .contentItem
{
	border-color: #6CB4C4;
	background-color: White;
}


/*global marketplace offers colours*/
ul.tabs li a.globaloffers, ul.tabs li a.globaloffers:visited
{
	background-color: #006163;
	background-image: url(Images/Common/gradglobal.gif);
	background-repeat: repeat-x;
}
ul.tabs li a.globaloffers:hover
{
	background-color: #006163;
	color: White;
}
.globaloffers .tabcontainer
{
	border-color: #006163;
}
.globaloffers .minitabbox
{
	background-color: white;
	border-color: #006163;
}
.globaloffers a, .globaloffers a:visited, .globaloffers h2
{
	color: #006163;
}
.globaloffers ul.tabs li a.selectedTab, .globaloffers ul.tabs li a.selectedTab:visited
{
	background-color: #006163;
	background-image: url(Images/Common/gradgreen.gif);
	background-repeat: repeat-x;
}
.globaloffers ul.tabs li a, .globaloffers ul.tabs li a:visited, .globaloffers ul.tabs li a:hover
{
	background-color: #006163;
	color: white;
}
.globaloffers ul.tabs li a.help, .globaloffers ul.tabs li a.help:hover, .globaloffers ul.tabs li a.help:visited
{
	background-color: transparent;
}

.globaloffers .prodlistingsmall
{
	border: 1px solid #006163;
	margin-bottom: 1em;
}

.globaloffers div.clientproduct
{
	background-color: transparent;
}








.latestitems
{
	border: 1px solid silver;
	background-color: whitesmoke;
	padding: 3px;
}

.latestitems h2
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 0px;
}
.offers .latestitems
{
	background-color: #F4F6E6;
	border-color: #577C0B;
}
.wants .latestitems
{
	background-color: #FFF4EE;
	border-color: #970F0F;
}
.classifieds .latestitems
{
	background-color: #E2ECF5;
	border-color: #152F9C;
}
.directory .latestitems
{
	background-color: #F3FBFC;
	border-color: #438899;
}

.marketplaceSearch
{
	margin-left: 0px;
	min-width: 170px;
	margin-bottom: 6px;
}
.marketplaceSearch ul
{
}
.marketplaceSearch ul li a, .viewLink a, .viewLink a:visited
{
	text-decoration: none;
}
.marketplaceSearch ul li a:hover, .viewLink a:hover
{
	text-decoration: underline;
}

ul.categoryList
{
	margin: 2px;
	padding: 0px;
	list-style: none;
}
ul.categoryList li
{
	margin: 0px;
	padding: 1px;
	border-bottom: 1px dotted Silver;
}

.marketplaceSearch .clientLookup
{
}

a.expandableLink, a.expandableLink:visited
{
	text-decoration: none;
	margin: 3px;
	padding: 2px;
	color: Gray;
	font-weight: bold;
}
a.expandableLink:hover
{
	color: Black;
	background-color: #F5F5F5;
}

/*context specific page heading styles */
h1.sectionheading, .subsection h1
{
	background-image: url(Images/Common/clienthome.png);
	background-repeat: no-repeat;
	background-position: 4px;
	padding: 4px;
	padding-left: 40px;
	border: 1px solid Silver;
	background-color: #F5F5F5;
	z-index: 10;
}
.subsection fieldset legend
{
	font-size: 130%;
}


h1.sectionheading#contactus
{
	background-image: url(Images/Common/contactus.gif);
	padding-left: 42px;
}

h1.sectionheading#help
{
	background-image: url(Images/Common/help.gif);
	padding-left: 24px;
}

h1.sectionheading#exchangedashboard
{
	background-image: url(Images/Common/dashboard.png);
	padding-left: 40px;
}

h1.sectionheading#scrip
{
	background-image: url(Images/Common/scrip.png);
	padding-left: 40px;
}

.global h1.sectionheading
{
	background-image: url(Images/Common/global.png);
	padding-left: 40px;
}

div.tabcontainer#transactions
{
	background-color: #FDFDFD;
}

.categoryBrowseList
{
	-moz-border-radius: 6px;
	border: 1px solid #EEE8AA;
	background-color: whitesmoke;
	padding: 2px;
	width: 200px;
	position: relative;
	overflow: visible;
	z-index: 1000;
}

.categoryBrowser
{
	overflow: auto;
	height: 400px;
}
.categorySelectionList
{
	background-color: White;
	padding: 0px;
	position: relative;
	overflow: visible;
	z-index: 1;
}
.categoryItem
{
	margin: 8px;
}
.categoryItem a, .categoryItem a:visited
{
}
.categoryItem a:hover
{
	background-color: #FAFAD2;
	color: #B22222;
}

a.addItem, a.addItem:visited
{
	border: 1px solid #006400;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #00B000;
	color: White;
	float: right;
	text-decoration: none;
}

a.removeItem, a.removeItem:visited
{
	border: 1px solid White;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #B22222;
	color: White;
	float: left;
	margin-right: 4px;
	text-decoration: none;
}

a.removeItem:hover
{
	background-color: #CD5C5C;
	color: White;
}

a.returnCategory
{
	font-weight: bold;
}

a#browseLink
{
	border: 1px solid #006400;
	padding: 2px;
	margin-top: 4px;
	background-color: #00B000;
	color: White;
	font-weight: normal;
}
.dragArea
{
	border: 1px solid #EEE8AA;
	background-color: #FFFFF0;
	height: 84px;
	padding: 4px;
}
.dragItem
{
	border: 1px solid #DAA520;
	margin: 3px;
}
.draggableItem
{
	display: block;
	float: left;
	border: 1px dotted red;
	width: 70px;
	height: 84px;
	margin-right: 4px;
	position: relative;
	background-color: #FAFAD2;
	cursor: move;
}

.closeControl
{
	float: right;
	margin-bottom: 0px;
}

a.closeLink, a.closeLink:visited
{
	border: 1px solid White;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #B22222;
	color: White;
	margin-right: 4px;
	text-decoration: none;
	-moz-border-radius: 4px;
	cursor: pointer;
}



/*general usage styles*/
.emphasisecontent
{
	border: 1px solid #EEE8AA;
	background-color: White;
	padding: 10px;
	width: 70%;
}

.pagingControls
{
	text-align: center;
	background-color: #FBFBF2;
	border: 1px solid #EEE8AA;
	-moz-border-radius: 6px;
	padding: 4px;
}

.alternateItem
{
	background-color: White;
}

.emphasisebutton
{
	margin-left: 50px;
}

.searchCriteria
{
	background-color: #F5F5F5;
	border: 1px solid #A9A9A9;
	padding: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}

.progress
{
	margin: 3px;
	padding: 3px;
	color: DarkGray;
	opacity: 0.9;
	z-index: 30000;
	position: absolute;
	background-color: #FFFFE0;
	border: 1px solid #EEE8AA;
	width: 100px;
}

.signOut
{
	margin-top: 10px;
}

.toolbar
{
	float: right;
	padding: 6px;
	margin-right: 3px;
}

.toolbarItem
{
	padding-left: 3px;
}

.calendar .ajax__calendar_container
{
	border: 1px solid black;
	z-index: 1000;
	background-color: white;
}
.calendar .ajax__calendar_active
{
	color: Red;
	font-weight: bold;
	text-decoration: underline;
}

.calendar .ajax__calendar_today
{
	color: Blue;
	font-weight: bold;
	text-decoration: none;
}

table.compact
{
	padding: 0px;
	margin: 0px;
	border: none;
	width: 100%;
	border-collapse: collapse;
}
.mapicon
{
	display: none;
	width: 20px;
	height: 20px;
	border: 1px solid black;
	background-color: darkorange;
	color: Black;
	text-decoration: none;
	cursor: pointer;
}
.informationbox .subcontent
{
	border-top: 1px solid #EEE8AA;
	border-bottom: 3px solid #EEE8AA;
	padding: 4px;
	background-color: #FFFFFF;
}
.informationbox .subcontent h2
{
	margin: 0px;
	font-size: 90%;
}
.emphasisedaction, a.emphasisedaction, a.emphasisedaction:visited
{
	font-size: 130%;
	background-color: #E0F9E1;
	border: 1px solid #32CD32;
	padding: 0.3em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-weight: bold;
	text-decoration: none;
}
a.emphasisedaction:hover
{
	color: green;
	text-decoration: underline;
}

table.emphasisedContent
{
	font-size: 100%;
}
table.emphasisedContent td
{
	padding: 0.15em;
}

.attentionbox
{
	border: 1px solid #DB7093;
	background-color: #FFF0F5;
	color: Black;
	padding: 0.3em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.readytoupload
{
	background-image: url(Images/Common/confirmed.png);
}
.exceptioninupload
{
	background-image: url(Images/Common/unconfirmed.png);
}
.uploaded
{
	background-image: url(Images/Common/secureitem.gif);
}
.HiddenText label
{
	display: none;
}

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space: nowrap;
	height: 14px;
}
.ratingStar .ratingItem
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 3px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ratingStar .Filled
{
	background-image: url(images/ratingStarFilled.png);
}
.ratingStar .Empty
{
	background-image: url(images/ratingStarEmpty.png);
}
.ratingStar .Saved
{
	background-image: url(images/ratingStarSaved.png);
}

.navigationpane
{
	background-image: url(images/navigator.jpg);
	height: 20px;
	background-repeat: repeat-x;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
	vertical-align: top;
	line-height: 20px;
	padding-left: 5px;
}

.navigationpane a, a:hover
{
	color: #000000;
	text-decoration: none;
}

#vertical
{
	width: 35px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
}
#vertical li
{
	float: left;
}
#vertical li a
{
	text-decoration: none;
	color: #000;
	display: block;
	width: 1.5em;
	height: auto;
}
#vertical li a em
{
	font-style: normal;
	text-align: center;
	display: block;
}
#vertical li a:hover
{
	text-decoration: none;
}
#vertical li a:hover em
{
	color: #800;
}

/*   CSS will be used for mobile global elements */
.mobilebrand
{
	font-weight: bold; background:url(Images/logomobile.jpg) no-repeat; width:130; height:39px;
}

/*   CSS will be used for packages */

.StartUp {
	background-color: #FFFF66;
	border: 1px solid #999999;
	width:35px;
	text-align:center;
}
.basic {
	background-color: #E9967A;
	width:35px;
	text-align:center;
	border: 1px solid #999999;
}
.premium {
	background-color: #00CC66;
	width:35px;
	text-align:center;
	border: 1px solid #999999;
}
.enterprise {
	background-color: #3366FF;
	width:35px;
	text-align:center;
	border: 1px solid #999999;
}
.franchisor {
	background-color: #990000;
	width:35px;
	text-align:center;
	border: 1px solid #999999;
}
.free {
	background-color: #F7F7F7;
	text-align:center;
	width:35px;
	border: 1px solid #999999;
}


table.summary_dashboard
{
	color: black;
	border-collapse: collapse;
	
}

table.summary_dashboard th
{
	font-weight: normal;
	padding: 3px;
	text-align:left;
}


table.summary_dashboard th.heading
{
	font-weight: bold;
	color: black;
}

table.summary_dashboard td
{
	padding: 3px;
	text-align:left;
}

table.summary_dashboard th:after
{
	content: ":";
}


/* Dashboard CSS */

    
    
    
    .ClientdashboardGreen_Body
        {
            background-image: url(Images/GreenBody.jpg);
            background-position: center top;
            background-repeat: no-repeat;
        }
        .ClientdashboardGreen_top
        {
            background-image: url(Images/GreenTop.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            color: #333333;
            vertical-align: middle;
            height:44px;
            width:1136px;
         }
        .ClientdashboardRed_Top
        {
            background-image: url(Images/RedTop.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            font-size: large;
            font-family: Arial, Helvetica, sans-serif;
            color: #333333;
            vertical-align: middle;
            height:44px;
            width:1241px;
        }
        .ClientdashboardBlue_Top
        {
            background-image: url(Images/BlueTop.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            color: #333333;
            vertical-align: middle;
            height:44px;
            width:1241px;
        }
        .ClientdashboardRed_body
        {
            background-image: url(Images/RedBody.jpg);
            background-repeat: no-repeat;
            background-position: center top;
            height: 338px; 
            width: 1241px;
            vertical-align:top;
        }
        
        .ClientDashboardtr
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #3366FF;
        }
        .ClientDashboardtdleft
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
        }
        .ClientDashboardtdright
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #333333;
            text-indent: 10px;
            width: 176px;
        }
        
        
        .ClientdashboardBlue_Body
        {
            background-image: url(Images/BlueBody.jpg);
            background-position: center top;
            background-repeat: no-repeat;
            text-align: center;
            width: 741px;
            vertical-align:top;
        }
        .ClientdashboardtdSearchleft
        {
            text-align: left;
        }
    
        .ClientdashboardYellow_body
        {
            background-position:  center top;
            font-size: x-small;
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            background-image: url(Images/yellowBody.jpg);
            background-repeat: no-repeat;
            height: 338px;
            width: 1136px;
            vertical-align:top;
        }
        .ClientdashboardYellow_Top
        {
            background-image: url(Images/YellowTop.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            color: #333333;
            font-weight: normal;
            vertical-align: middle;
        }
        .Clientdashboardbtn
        {
            font-size: x-small;
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
        }
    	.ClientlatestProductBody
        {
            background-image: url(Images/fieldsetGrad.jpg);
            background-repeat:repeat-x;
            border:solid 1px lightgray;
            height:140px;
        }
        .latestdashboardoffers
    	{
    		margin: 0px;
    		color: #2F4F4F;
    		padding: 1px;
    		border: 1px solid lightgray;
    		background-image: url(Images/headerGrad.jpg);
    		margin-bottom: 2px;
    		width: 100%;
	}