/*
	*
	*	This stylesheet only contains color information such as:  
	*	Font color, borders, shadows, backgrounds, background images...
	*	Refer to screen.css to edit structural elements and layout/formatting
	*
*/

body,
p.quotebox a {
	color:#555;
}

a:link,
a:visited,
a:active,
.widgettitle {
	color:#86bdd9;
}

a:hover,
#footer-bottom a:hover,
#footer .widget_links ul a:hover,
#footer .widget_links ol a:hover,
.iconlist h5,
.iconlist h5 a,
.sf-menu a:hover,
.sfHover a,
.sf-menu ul li.sfHover > a {
	color:#8dc641;
}
ul.iconlist p {
	line-height: 16px;
}
html,
body,
#footer-bottom{
	background:#2b2b2b;
}

#outer {
	background:#fff;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
#main .widgettitle,
form.standard .button,
.sf-menu a {
	color:#333;
}

hr,
.post,
.widgettitle,
.sf-menu li li {
	border-bottom:1px solid #ddd;
}
.widgettitle img.left {
	float: left;
	padding-bottom: 0;
	margin-top: -15px;
	padding-right: 5px;
}
.memberlogin table {
	padding: 5px 10px;
	margin: 0 auto;
	background: #efefef;
	border: 1px solid #ddd;
	width: 100%;
	font-size: 130%;
}
.memberlogin table tr td {
	padding: 2px 0 2px 0;
	margin: 0;
}
.memberlogin table tr td.userpass {
	font-weight: bold;
	width: 32%;
	padding-top: 15px;
	padding-bottom: 5px;
}
.memberlogin table tr td.input {
	width: 68%;
}
.memberlogin table tr td.input input {
	border: 1px solid #666;
	padding: 5px;
	width: 90%;
}
.forgotlink {
	font-size: 12px;
	padding-top: 5px;
}
#loginform .loginbut {
	padding: 3px 14px;
}

.postmeta,
#footer-bottom a,
#searchform #s {
	color:#888;
}
#footer-bottom {
	color: #555;
}
#footer-bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer-bottom ul li {
	padding: 0 5px 0 7px;
	margin: 0;
	display: inline;
	border-left: 1px solid #555;
}

#header,
.promo-navigation a,
.pagination a,
.pagination a span,
p.quotebox,
.ads,
.boxed,
.sf-menu ul a {
	background:#f2f2f2;
}

#header {
	border-bottom:10px solid #ddd;
}

#topbar,
.sf-menu li li:last-child {
	border-bottom:1px solid #fff;
}
#topbar .email {
	padding-left: 25px;
}
#topbar .phoneus {
	padding-left: 15px;
}
#topbar .phoneca {
	padding-left: 25px;
}

#topbar,
#footer {
	background:#333;
}

#topbar a,
#footer .widgettitle,
.error,
.warning,
.success,
.error a,
.warning a,
.success a {
	color:#fff;
}

#searchform #searchsubmit {
	background:url(../../images/searchsubmit.gif) no-repeat center center;
}

#searchform #s {
	background:#555;
}

#footer {
	border-bottom:1px solid #444;
}

#footer-bottom {
	border-top:1px solid #222;
}

#footer-bottom a.scroll-top {
	background:url(../../images/to-top.gif) no-repeat left center;
}

.promo-navigation a,
.pagination a,
.pagination a span,
.ads,
.demogrid p {
	border:1px solid #ddd;
}

.promo-navigation .activeSlide,
form.standard .button {
	background:#8dc641;
}
.sfHover,
.sf-menu li ul {
	background:#ddd;
}
.sf-menu li.order {
	background: #d6d6d6;
	margin-left: 10px;
}
.sf-menu li.order:hover {
	background: #dedede;
}

#topbar,
#footer,
#footer .widget_links ul a,
#footer .widget_links ol a {
	color:#ddd;
}

p.quotebox {
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:url(../../images/quote_left.gif);
}
#testimonials .next {
	font-size:12px;
	padding:0 15px 10px 0;
	margin:-15px 0 0 0;
	float: right;
}
form.standard .textbox,
form.standard .textarea,
form.standard .select,
form.standard .button,
form.standard .checkbox,
form.standard .radio {
	border:1px solid #ccc;
}

form.standard .button:hover {
	background:#e5e5e5;
}

.shadow {
	-moz-box-shadow:0 0 2px #ddd;
	-webkit-box-shadow:0 0 2px #ddd;
	box-shadow:0 0 2px #ddd; 
}

.hovershadow:hover,
.pagination a:hover {
	-moz-box-shadow:0 0 3px #d0d0d0;
	-webkit-box-shadow:0 0 3px #d0d0d0;
	box-shadow:0 0 3px #d0d0d0; 
}

.highlight {
	background-color:#ff6;
}

.error {
	background:#C00;
}

.warning {
	background:#f93;
}

.success {
	background:#090;
}

.sf-menu ul a:hover {
	background:#ebebeb;
}
.sf-menu li li {
	background:#e8e8e8;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sf-menu li li:first-child {
	border-top:1px solid #fff;
}
.sf-menu li ul {
	-moz-box-shadow:2px 2px 2px #ddd;
	-webkit-box-shadow:2px 2px 2px #ddd;
	box-shadow:2px 2px 2px #ddd; 
}
.sf-sub-indicator {
	background:url('../../images/menu/default-submenu-sprite.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#terms ol, #privacy ol {
	padding: 0 0 0 20px;
	margin: 0;
}
#terms ol ol, #privacy ol ol {
	padding: 15px 0 0 20px;
	margin: 0;
}
#terms ol li, #privacy ol li {
	list-style-type: decimal;
	padding: 0 0 15px 5px;
	margin: 0;
}
#terms ol li ol li, #privacy ol li ol li {
	list-style-type: lower-alpha;
	padding: 0 0 15px 5px;
	margin: 0;
}

/* ---------------- supplier index page -------------------------------------*/
.product_categories {
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
    width: 100%;
}
.product_category_list {
	float: left;
	display: block;
	width: 33%
}
.product_category_list ul,li {
	list-style-type: none;
}
.product_categories h2 {
	font-size: larger;
	padding: 5px;
	margin: 10px 0;
	text-align: left;
	background: #2b2b2b;
	color: #fff;
}
#supplier_type_list {
  float: left;
  display: block;
  width: 600px;
}
#supplier_type_list .short_description {
	font-size: 12px;
	padding: 0em 0em 1em 1em;
}
#supplier_type_legend {
  float: left;
  display: block;
}
.supplier_definition_title {
	font-size: 24px;
	font-weight: bold;
	padding: 1em 0em 0.4em 0em;
}
/* ---------------- supplier list page end -------------------------------------*/

/* ----------------- pricing start --------------------- */

#pricing {
	background: url(../../images/wp-notepad-pricing.jpg) top left no-repeat;
	width: 800px;
	height: 1035px;
	margin-left: 50px;
}
#pricing .list {
	padding-top: 290px;
	padding-left: 170px;
	width: 400px;
	font: 16px/22px Arial, Helvetica, sans-serif;
}
#pricing .support {
	padding-top: 50px;
	padding-left: 180px;
	width: 500px;
	font: 16px/22px Arial, Helvetica, sans-serif;
}
#pricing .tips {
	padding-top: 80px;
	padding-left: 200px;
	width: 500px;
	font: 16px/22px Arial, Helvetica, sans-serif;
}
#pricing .package {
	text-align: center;
	padding-top: 170px;
	padding-left: 170px;
	width: 520px;
	font: bold 16px/22px Arial, Helvetica, sans-serif;
}
#pricing .signup {
	padding-right: 135px;
	padding-top: 120px;
	float: right;
	width: 170px;
	text-align: center;
}
#pricing .signup a {
	background-color: #ff0;
	color: #f00;
	font: bold 22px/28px Arial, Helvetica, sans-serif;
	padding: 5px;
}
#pricing .signup a:hover {
	text-decoration: none;
}

/* ----------------- pricing end --------------------- */

/* ----------------- membership welcome content start --------------------------- */

ul.welcomeboxes {
	padding: 10px 0 30px 0;
	margin: 0 auto;
}
ul.welcomeboxes li {
	padding: 0 3px;
	margin: 0;
	float: left;
	text-align: center;
}
.supplier-list-btn {
	display: block;
	width: 306px;
	height: 80px;
	background: url('../../images/supplier-list-btn.png') bottom;
	text-indent: -99999px;
}
.education-btn {
	display: block;
	width: 306px;
	height: 80px;
	background: url('../../images/education-btn.png') bottom;
	text-indent: -99999px;
}
.support-btn {
	display: block;
	width: 306px;
	height: 80px;
	background: url('../../images/support-btn.png') bottom;
	text-indent: -99999px;
}
.supplier-list-btn:hover, .education-btn:hover, .support-btn:hover {
	background-position: 0 0;
}
#welcomeboxes a {
	font: normal 16px/30px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#welcomeboxes h2 {
	color: #188AEB;
	width: 290px;
	float: left;
	font: normal 26px/44px Georgia, "Times New Roman", Times, serif;
}
#welcomeboxes h2 span {
	color: #0C1D48;
	font: normal 26px/44px Georgia, "Times New Roman", Times, serif;
}	
table.education {
	border: 2px solid #ddd;
	padding: 1px;
	margin: 0 auto 25px;
	width: 100%;
}
table.education th {
	background: #F2F2F2;
	padding: 13px 0 10px 10px;
	margin: 0;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}
table.education img {
	float: left;
	padding: 0 5px 0 0;
	margin-top: -6px;
}
table.education td {
	padding: 10px 10px 10px 10px;
}
ol.numbered {
	padding: 0 0 15px 40px;
	margin: 0;
}
ol.numbered li {
	padding: 0 0 10px 0;
	list-style: decimal;
}
ul.unordered {
	padding: 0 0 0 40px;
	margin: 0;
}
ul.unordered li {
	padding: 0 0 10px 0;
	list-style: disc;
}
ul.unordered-indented {
	padding: 0 0 0 40px;
	margin: 0;
}
ul.unordered-indented li {
	padding: 0 0 10px 0;
	list-style: circle;
}
.downloadbox {
	background: #e8f9ff;
	padding: 10px;
	border: 2px solid #b8dcea;
	clear: both;
}
table.becomesupplier {
	margin: 0 auto;
}
table.becomesupplier td {
	padding: 3px 0;
	margin: 0;
}
table.becomesupplier td.right {
	text-align: right;
	width: 200px;
	padding-right: 10px;
}

/* ----------------- membership welcome content end --------------------------- */


/* ----------------- order now content start --------------------------- */

ul.checkmark {
	padding: 15px 0 15px 20px;
	margin: 0;
}
ul.checkmark li {
	list-style: none;
	background: url('../../images/check.png') top left no-repeat;
	padding: 5px 0 5px 30px;
	margin: 0;
}
table.check {
	border: 2px solid #ddd;
	padding: 1px;
	margin: 0 auto 15px;
	width: 100%;
}
table.check th {
	background: #F2F2F2;
	padding: 10px 0 10px 20px;
	margin: 0;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}

/* ----------------- order now content end --------------------------- */