/* main */
BODY {
	margin: 0px;
	padding-top: 0px;
	background-color: #eeeeee;
}

BODY, P, TABLE, DIV, INPUT, SELECT, TEXTAREA {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

A {
	color: #7B6F62;
	text-decoration: none;
}

A:Hover {
	text-decoration: underline;
}

H2.page_title,
H2 {
	margin: 5px 0px 0px 0px;
}

FORM {
	margin: 0;
	padding: 0;
}

P.error {
	color: #660000;
	font-weight: bold;
}

/* toolbar */
.toolbar {
	background: #eeeeee url('../images/toolbar_bg.jpg') bottom no-repeat;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

.toolbar_noside {
	background-image: url('../images/toolbar_bg_noside.jpg');
}

.toolbar .logo {
	padding-right: 40px;
	padding-bottom: 4px;
}

.toolbar .tag {
	font-weight: bold;
	color: #666666;
	font-size: 11px;
}

.toolbar .input INPUT {
	border: 1px solid #cccccc;
	font-size: 11px;
	color: #666666;
}

.toolbar .submit {
	padding-right: 40px;
}

.toolbar .mylist_icon {
	padding-right: 5px;
}

.toolbar .mylist {

}

.toolbar .mylist .sep {
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	color: #999999;
}

.toolbar .mylist A {
	padding-top: 3px;
	font-weight: bold;
}

.toolbar .mylist .num {
	font-weight: bold;
	color: black;
}

.toolbar .mylist .tag
{
	color: black;
	font-weight: bold;
}

.toolbar TD {
	color: #666666;
	font-size: 11px;
}

.toolbar A {
	color: #333333;
}

/* menu */
.menu {
	background: #333333 url('../images/menu_bg.jpg');
	color: #eeeeee;
	white-space: nowrap;
}

.menu .items {
	padding-left: 10px;
	height: 27px;
	color: #eeeeee;
}

.menu TABLE TD.items A {
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/* content */
.content {
	background-image: url('../images/content_bg.jpg');
}

.content_noside {
	background-image: url('../images/content_bg_noside.jpg');
}

.content_main {
	padding: 5px 10 10px 10px;
	width: 745px;
}

/* sidebar */
.sidebar {
	background-image: url('../images/sidebar_bg.jpg');
	padding-left: 4px;
}

/* footer */
.footer {
	font-size: 10px;
	padding: 5px;
}

#supplier_login { color: #666666; }

/* enews */
.enews_form {
	background-image: url('../images/enews_bg.jpg');
}

.enews_form INPUT.name,
.enews_form INPUT.email {
	border: 1px solid #cccccc;
	width: 214px;
	margin: 5px 2px 2px 10px;
	padding: 2px;
	font-size: 11px;
	color: #666666;
}

.enews_form SELECT.state {
	border: 1px solid #cccccc;
	margin: 5px 2px 2px 10px;
	padding: 2px;
	font-size: 11px;
	color: #666666;
}

.enews_form .submit {
	text-align: right;
	padding-right: 14px;
	padding-top: 3px;
}

/* find supplier search box */
.find_supplier DIV {
	padding: 3px;
	width: 210px;
}

.find_supplier DIV.submit {
	text-align: right;
}

.find_supplier INPUT.text,
.find_supplier SELECT {
	border: 1px solid #cccccc;
	padding: 2px;
	font-size: 11px;
	color: #333333;
}

.find_supplier SELECT {
	width: 210px;
}

.find_supplier .advanced {
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
}

/* category quick select */
.category_quickselect .step {
	background-color: #fafafa;
	border-bottom: 1px solid #f6f6f6;
	padding: 5px;
	margin: 2px;
	width: 477px;
	font-size: 12px;
}

.category_quickselect .step .tag {
	font-weight: bold;
}

.category_quickselect .step INPUT {
	border: 1px solid #cccccc;
	padding: 2px;
}

.category_quickselect .main_category {
	font-weight: bold;
	font-size: 11px;
	padding: 3px 0px 0px 0px;
}

.category_quickselect .main_category A {

}

.category_quickselect .subcategories {
	margin-bottom: 5px;
}

.category_quickselect .subcategory {
	margin-left: 10px;
	font-size: 11px;
	padding: 2px 0px 0px 0px;
}

.category_quickselect .category_selected A {
	color: black;
	font-weight: bold;
}

.category_quickselect .hidden {
	display: none;
}

.category_quickselect .visible {
	display: block;
}

/* articles */
TABLE.articles TD.heading {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
}

TABLE.articles TD.summary {
	font-size: 11px;
	vertical-align: top;
}

/* feature suppliers */
TABLE.feature_suppliers .ad {
	margin-bottom: 5px;
}

TABLE.feature_suppliers .name {
	font-weight: bold;
	margin-bottom: 2px;
}

TABLE.feature_suppliers .summary {
	font-size: 11px;
}

/* from network */
TABLE.from_network {
	margin-top: 10px;
	margin-bottom: 10px;
}


TABLE.from_network .site {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

TABLE.from_network .ad {
	margin-bottom: 3px;
}

TABLE.from_network .name {
	font-weight: bold;
	margin-bottom: 2px;
}

TABLE.from_network .summary {
	font-size: 11px;
}

/* ads */
.ad_front_banner {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 468px;
}

.ad_front_half_banner {
	margin-bottom: 10px;
}

.ad_sidebar_btn,
.ad_sidebar_vbanner,
.ad_sidebar_sky
{
	margin-bottom: 10px;
}

.ad_search_leader {
	border-top: 1px solid #eeeeee;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* search */
.search_box .search {
	padding: 0px 10px 0px 30px;
}

.search_box .form .tag {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
}

.search_box .form .input {
	padding-right: 5px;
}

.search_box .form .input INPUT,
.search_box .form .input SELECT {
	border: 1px solid #cccccc;
	padding: 2px;
	font-size: 11px;
	color: #333333;
}

.advanced_search {
	padding: 0px 10px 0px 30px;
}

.advanced_search .step TD {
	padding: 5px;
	margin: 2px;
	font-size: 12px;
}

.advanced_search .step TD.tag {
	color: #333333;
}

.advanced_search .main_category {
	font-weight: bold;
	font-size: 11px;
	padding: 3px 0px 3px 0px;
	color: #333333;
}

.advanced_search .main_category A {
	color: #3A65A2;
}

.advanced_search .subcategories {
	margin-bottom: 5px;
}

.advanced_search .subcategory {
	margin-left: 10px;
	font-size: 11px;
	padding: 2px 0px 0px 0px;
}

.advanced_search .category_selected A {
	color: black;
	font-weight: bold;
}

.category_quickselect .hidden {
	display: none;
}

.category_quickselect .visible {
	display: block;
}

.search_results {
	padding-left: 20px;
	width: 740px;
}

.search_results H3 {
	margin-bottom: 0px;
}

.search_results .total {
	margin-top: 2px;
	font-size: 11px;
	color: #666666;
}

.search_results .total SPAN {
	font-weight: bold;
}

.search_results .result {
	border-top: 1px solid #eeeeee;
	padding-top: 10px;
	margin-bottom: 10px;
	width: 740px;
}

.search_results .result .preview {
	width: 120px;
	height: 60px;
	text-align: right;
	padding-right: 10px;
}

.search_results .result .name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

.search_results .result .details {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.search_results .result .details A {
	color: black;
}

.search_results .result A.no_page {
	color: black;
}

.search_results .result .details IMG {
	margin-right: 5px;
	margin-top: -2px;
}

.search_results .result SPAN {
	padding-right: 20px;
}

.search_results .result .summary {
	color: #333333;
}

.search_results .result .more {
	text-align: right;
	padding-left: 20px;
}

.search_results .pages {
	border-top: 1px solid #eeeeee;
	padding-top: 15px;
	padding-bottom: 5px;
}

.search_results .pages .tag {
	font-weight: bold;
	color: #666666;
	padding-right: 10px;
}

.search_results .pages A {
	border: 1px solid #FA1B78;
	padding: 3px;
	margin-right: 5px;
}

.search_results .pages A:Hover {
	background-color: #FA1B78;
	color: white;
	text-decoration: none;
}

.search_results .pages .current {
	border: 1px solid #666666;
	padding: 3px;
	margin-right: 5px;
	font-weight: bold;
}


/* search ads */
.search_ads_top {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.search_ads_top .ad1,
.search_ads_top .ad2
{
	padding-right: 15px;
}

/* view supplier */
.view_supplier {

}

.view_supplier .supplier {
	width: 750px;
	margin-left: 14px;
	margin-top: 20px;
}

.view_supplier .supplier .left {
	background-image: url('../images/more_info_frame_bottom.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px 10px 10px 20px;
}

.view_supplier .supplier .right {
	background-image: url('../images/more_info_frame_bottom.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.view_supplier .not_found {
	font-weight: bold;
}

.view_supplier .name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 14px;
	text-align: center;
}

.view_supplier .details {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 200%;
}

.view_supplier .details A {
	color: black;
}

.view_supplier .details A.request_info {
	color: #7B6F62;
	font-weight: bold;
}

.view_supplier .details IMG {
	padding-right: 5px;
	margin-top: -3px;
}

.view_supplier .details IMG.first {
	margin-left: 0px;
}

.view_supplier .summary {
	color: #333333;
}

.view_supplier .desc {
	margin-top: 20px;
}

.view_supplier TD.request_info {
	padding: 5px 10px 0px 5px;
}

.view_supplier .request_info .form {
	margin-left: auto;
	margin-right: auto;
}

.view_supplier .request_info .form .tag {
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}

.view_supplier .request_info .form .small {
	font-size: 11px;
	color: #666666;
}

.view_supplier .request_info .form .input INPUT,
.view_supplier .request_info .form .input TEXTAREA {
	border: 1px solid #cccccc;
	width: 240px;
	padding: 2px;
	font-size: 11px;
	color: #333333;
}

.view_supplier .request_info .form .submit {
	text-align: right;
	padding-top: 3px;
}

.view_supplier .request_info .form .submit INPUT {
	border: 0;
}

.view_supplier .info {
	margin-left: 18px;
	width: 740px;
}

.view_supplier .info_request_done {
	color: green;
	font-weight: bold;
	margin-top: 10px;
	font-size: 14px;
	background: transparent url('../images/tick.jpg') no-repeat 180px;
	text-align: center;
	padding: 15px;
}

.view_supplier .more_info {
	background-image: url('../images/more_info_frame_top.jpg');
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 30px;
}

.view_supplier .more_info H4 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
	width: 720px;
}

.view_supplier .more_info IMG {
	margin-bottom: 10px;
}

.view_supplier .summary {
	margin-top: 20px;
}

.view_supplier .return {
	border-top: 1px dotted #cccccc;
	margin-left: 20px;
	margin-top: 10px;
	width: 740px;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px;
}

.direct_link, .direct_link:Hover {
	text-align: center;
	color: #eeeeee;
	display: block;
	text-decoration: none;
}

/* my list */
.cart {
	margin-left: 20px;
	margin-right: 20px;
	width: 720px;
}

.cart .list TH {
	text-align: left;
	color: #333333;
}

.cart .list .item TD {
	border-top: 1px solid #e2e2e2;
	padding-right: 20px;
}

.cart .list .alt_item TD {
	background-color: #eeeeee;
}

.cart .list .submit {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}

TABLE.mylist TD.tag {
	font-weight: bold;
	color: #333333;
	vertical-align: top;
}

TABLE.mylist TD.input INPUT,
TABLE.mylist TD.input TEXTAREA {
	border: 1px solid #cccccc;
	padding: 3px;
}

TABLE.mylist TD.submit {
	text-align: right;
	padding-top: 5px;
}

TABLE.mylist TD.error {
	color: #660000;
	font-size: 11px;
}

/* articles */
.article {
	padding-left: 20px;
	padding-right: 20px;
	width: 740px;
}

.article H2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.browse { display: none; }

/* supplier manager */
.supplier_manager {
	padding-left: 20px;
	padding-right: 20px;
	width: 740px;
}

TABLE.form {
	border-spacing: 1px;
}

TABLE.form TH {
	color: #006699;
	border-bottom: 1px dotted #006699;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
}

TABLE.form TD {
	padding: 3px;
}

TABLE.form TD.tag {
	font-weight: bold;
	padding-right: 5px;
	color: #333333;
}

TABLE.form TD.tag .tip {
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
}

TABLE.form TD.tag_top {
	vertical-align: top;
}

TABLE.form TD.input INPUT,
TABLE.form TD.input TEXTAREA,
TABLE.form TD.input SELECT
{
	border: 1px solid #cccccc;
	padding: 1px;
	color: #333333;
}

TABLE.form TD.submit {
	text-align: right;
	padding-top: 20px;
}

TABLE.form TD.submit_back {
	text-align: left;
	padding-top: 20px;
}

TABLE.form TD.submit_no_gap {
	padding-top: 0px;
}

TABLE.form TD.submit INPUT {
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	border: 2px solid #666666;
}

TABLE.form TD.submit INPUT.btnGo {
	border: 2px solid green;
	background-color: #C0E0C0;
	color: green;
}

TABLE.form TD.submit INPUT.btnGo:Hover {
	background-color: green;
	color: white;
}

TABLE.form TD.submit INPUT.btnGoSmall {
	padding: 1px;
	font-weight: normal;
	font-size: 11px;
	border: 2px solid green;
	background-color: #C0E0C0;
	color: green;
	margin-top: 2px;
}

TABLE.form TD.submit INPUT.btnCancel {
	border: 2px solid #990000;
	background-color: #E6C0C0;
	color: #990000;
	margin-left: 10px;
}

TABLE.form TD.submit INPUT.btnCancel:Hover {
	background-color: #990000;
	color: white;
}

TABLE.form TD.spacer {
	height: 10px;
}

TABLE.form TD.error {
	color: #660000;
	font-size: 11px;
}

TABLE.form TD.req_fields {
	font-size: 10px;
	color: #666666;
}

TABLE.choice .tag {
	vertical-align: top;
}

TABLE.choice .option {
	padding: 5px 5px 15px 25px;
	vertical-align: top;
}

TABLE.choice .heading {
	border-bottom: 1px solid #cccccc;
}

TABLE.search_form TD.SUBMIT {
	padding-top: 2px;
}

TABLE.search_form TD.SUBMIT INPUT {
	border: 0;
	padding: 0;
}

/* control panel */
.control_panel {
	width: 740px;
	border-collapse: collapse;
}

.control_panel .supplier_menu {
	width: 70px;
}

.control_panel .main {
	width: 330px;
	vertical-align: top;
	padding: 5px;
	padding-left: 25px;
}

.control_panel .main H3 {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 2px;
}

.control_panel .supplier_menu DIV {
	padding: 5px;
	border-bottom: 1px solid #eeeeee
}

.control_panel .supplier_menu A {
	font-size: 11px;
	white-space: nowrap;
}

/* editor styles */
.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignRight { text-align: right; }
.AlignJustify { text-align: justify; }

/* view all dropdown menu */
#view_all_menu {
	display: none;
	position: absolute;
	padding: 5px;
	background-color: #eeeeee;
	font-size: 11px;
	line-height: 150%;
	z-index: 9999;
}

#view_all:Hover,
.view_all_selected {
	background-color: #eeeeee;
}