/* --------------------------GLOBAL 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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1;
color: black;
background:  #efefef;
text-align: center;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
} 

/* -----------GLOBAL STYLES - THESE ARE DEFAULT STYLES, CHANGE WITH CARE! ---------------- */

h1, h2, h3 {font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
					 font-weight: bold;}

h1 {font-size: 28px; color: #000; padding-top: 10px; padding-bottom: 5px;}
h2 {font-size: 24px; padding-top: 10px; padding-bottom: 5px;}
h3 {font-size: 16px; color: #dc0000; padding-bottom: 5px;}
h4 {font-size: 12px; color: #dc0000; padding-top: 5px; padding-bottom: 0px;}

strong {font-weight: bold;}
em {font-style: italic;}

p {padding-top: 0px;
	line-height: 140%;
	padding-bottom: 15px;
	font: normal 12px verdana, arial, helvetica, sans-serif;}
	
ul, ol {
	 line-height: 140%;
	 margin-left: 30px;}
	 
	 
li {padding-bottom: 10px;}

a:link {color: #06638f; /*#0a7db2;*/ /*#108ec9;*/
											 text-decoration: none;
											 border-bottom: 1px dotted #4090b6;}
a:visited {color: #06638f;
													text-decoration: none;
													border-bottom: 1px dotted #4090b6;}
a:hover {color: #dc0000;
												text-decoration: none;
												border-bottom: 1px dotted #dc0000;}
a:active {color: #dc0000;
												 text-decoration: none;
												 border-bottom: 1px dotted #dc0000;}

/* a:link {color: #095297;}
a:visited {color: #095297;}
a:hover {color: #000;}
a:active {color: #000;} */


/* -----------------------STANDARD THINGS - FEEL FREE TO STACK THEM!--------------------- */

.clear {clear: both;}
.red {color: red;}
.black {color: black;}
.valign_top {vertical-align: top;}		
.center {margin: 0px auto;}		
.float_left {float: left;}
.float_right {float: right;}	
.rule_2px {border-bottom: 2px dashed gray;
					width: 100%;}
.rule_1px {border-bottom: 1px dashed gray;
					width: 100%;}				
.inline {display: inline;}

.small_text	 {font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				line-height: 130%;}
.small_top_margin { margin-top: 7px;
}

	 
/* -------------------------------HEADER AND NAVIGATION------------------------------------ */
.navigation {width: 100%;
						background-color: #dc0000;
						height: 40px;
						position: relative;
						z-index: 2;}
						
.search_box {width: 550px; padding-top: 6px;}
.search_box input, select {vertical-align: middle;}

/* .logo {position: relative;
			top: 30px;
			position: relative;
			z-index: 1;}	 */
						
/* #logo a {display: block;
          background: url(/learn-more/index_files/page-logo.gif) no-repeat; /* added "transparent" "top left" */
          /* width: 240px;  height: 68px;
		  position: relative;
			top: 30px;
			z-index: 1;} */
			
h1#salehoo-logo {width: 240px;  height: 68px; position: relative; top: 30px; margin: 0; padding: 0; }
h1#salehoo-logo span { display: none;}

h1#salehoo-logo a {display: block;
background: url(/learn-more/index_files/page-logo.gif) no-repeat; /* added "transparent" "top left" */
width: 240px;  height: 68px;
position: relative;
z-index: 1;
border: 0;}
		  


/* --------------------------------------TAB NAVIGATION------------------------------------- */

.container
	{
		width: 796px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	} 
	
.container_wide
	{
		width: 882px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	} 
 
#tabnav
	{
		height: 24px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  	display: inline;
  	list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right;
		background: #f3f3f3;
		line-height: 14px;
		font: bold 14px arial, verdana, helvetica, sans-serif;
		padding: 4px 10px 4px 10px;
		margin-right: 4px;
		border: 1px solid #c3c3c3;
		border-bottom: 1px solid #f3f3f3;
		position: relative;
		text-decoration: none;
		color: #666;
		right: 11px;
	}

#home #tabnav #home, #join #tabnav #join, #learn #tabnav #learn, #resources #tabnav #resources, #success #tabnav #success, #membershome #tabnav #membershome, #suppliers #tabnav #suppliers, #research #tabnav #research, #learning #tabnav #learning,
#community #tabnav #community
	{
		border-bottom: 1px solid #dc0000;
		background: #dc0000;
		color: #fff;
	}

#tabnav a:hover
	{
		background: #dc0000; color: #fff;
		border-bottom: 1px solid #dc0000;}
		
/* login / contact/ help/ etc links at the top of the page */
#members_login {float: right;
							 font-family: verdana, arial, helvetica, sans-serif;
							 font-weight: bold;
							 font-size: 14px;
							 position: relative;
							 right: 12px;
							 text-align: right;}
#members_login a:link {color: #666; text-decoration: underline; border: 0;}
#members_login a:visited {color: #dc0000; text-decoration: underline; border: 0;}
#members_login a:hover {color: #dc0000; text-decoration: none; border: 0;}
#members_login a:active {color: #dc0000; text-decoration: underline; border: 0;}	
/* end links at the top of the page */
		
		
/* --------------------------------------PAGE LAYOUT STYLES------------------------------------ */						
						
						
.maincontent {background: #fff url('/learn-more/index_files/page-maincontent_background.gif') repeat-y;
						 width: 796px;
						 margin-left: auto;
						 margin-right: auto;
						 border: 0px solid red;
						 }
.content_top {background: #efefef url('/learn-more/index_files/page-top_background.gif') bottom left repeat-x;
						 width: 796px;
						 height: 7px;
						 padding: 0;
						 margin-top: 0;
						 margin-bottom: 0;
						 margin-left: auto;
						 margin-right: auto;
						 }
						 
.content_bottom {background: #efefef url('/learn-more/index_files/page-bottom_background.gif') repeat-x;
						 width: 796px;
						 height: 12px;
						 margin-left: auto;
						 margin-right: auto;
						 }
						 
						 
.maincontent_wide {background: white url('/learn-more/index_files/page-maincontent_background2.gif') repeat-y;
						 width: 882px;
						 margin-left: auto;
						 margin-right: auto;
						 text-align: left;}/* makes the sidebar float to the left in IE */
						 
.content_bottom_wide {
								background: #efefef url('/learn-more/index_files/page-bottom_background2.gif') repeat-x;
						 width: 882px;
						 height: 12px;
						 margin-left: auto;
						 margin-right: auto;}

.content_wrapper {
								 margin: 0 30 0 30;
								 text-align: left;
								 font: normal 12px verdana, arial, helvetica, sans-serif;
								 border: 0px solid red;
								}	
								 
.content_wrapper_narrow {
								 margin: 0 50 0 50;
								 text-align: left;
								 font: normal 12px verdana, arial, helvetica, sans-serif;
								}

.content_wrapper_narrow ol { font: normal 12px verdana, arial, helvetica, sans-serif;
								}									
								 
								 
#sidebar {background: white url('/learn-more/index_files/page-sidebar_background.gif') repeat-y top right;
				 width: 175px;
				 height: 100%;
				 margin-right: 10px;
				 vertical-align: top;}
				 
#sidebar p {padding-right: 10px;}
				 
#sidebar_right {padding-left: 15px;}
				 
				 
.min_height {padding-bottom: 150px;}
						
						
/* ----------------------------------------FOOTER------------------------------------ */

#footer {text-align: right;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				width: 780px;
				margin-left: auto;
				margin-right: auto;
				line-height: 130%;}
				
#footer a:link {color: #666;}
#footer a:visited {color: #666;}
#footer a:hover {color: #dc0000;}
#footer a:active {color: #dc0000;}

#footer_logos {float: left; position: relative; left: 20px;}
#footer_logos img {padding-right: 8px;  vertical-align: top;}


#footer_wide {text-align: right;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				width: 860px;
				margin-left: auto;
				margin-right: auto;
				line-height: 130%;}
				
#footer_wide a:link {color: #666;}
#footer_wide a:visited {color: #666;}
#footer_wide a:hover {color: #dc0000;}
#footer_wide a:active {color: #dc0000;}
				
						 
/* ------------------------------------MEMBERS LOGIN PAGE----------------------------------- */


.loginbox {width: 350px;
					border: 1px solid #ccc;
					background-color: #eee;
					float: left;}
					
td.name {padding: 3px; padding-left: 15px; font-weight: bold;}
td.input {padding: 3px; padding-right: 15px;}

.right_floated_half {float: right;
										width: 40%;
										}
.left_floated_half {float: left;
										width: 45%;
										}

.vsmall {font-size: 9px;}

#errorbox {	background-color: #FFCCCC; 
						border: 1px solid #CC0033; 
						width:350px; 
						padding: 3px;
				}



/* ---------------------------------- CONTACT FORMS AND OTHER SUCH THINGS------------------------------ */

.threecol_form {width: 600px;
							 border: 0px solid red;
							 margin-left: auto;
							 margin-right: auto;
							 font-size: 11px;
							 background-color: #f4f4f4;
							 margin-bottom: 10px;}
							 
.field {border: 1px solid #ccc;}
.threecol_form td {padding: 4px;}


.contact {border: 1px solid #d3d3d3; margin-bottom: 15px; background-color: #e5f9fc; width: 90%;}
.contact td {padding: 8px 8px 3px 8px;}

/* generic shaded boxes */
.shaded_1 {background-color: #f2f2f2; border: 1px solid #e3e3e3; margin-top: 15px; margin-bottom: 15px;}
.shaded_1 td {padding: 5px; vertical-align: top;}


.icon {margin: 8px; /* this was created for the attention box but you can use it elsewhere */
			float: left;
			display: inline;}

.attention {border-top: 2px solid #e8dd46;
					 border-bottom: 2px solid #e8dd46;
					 background-color: #fffbe6;
					 padding: 3px 10px 3px 10px;;
					 width: 95%;
					 text-align: left;
					 margin-top: 20px;
					 margin-bottom: 20px;
					 margin-left: auto;
					 margin-right: auto; /* these are designed to center, but you probably still need center tags... stupid ie */
					 font-size: 11px;}
					 
.attention h2 {font-size: 18px;
					 		color: #dc0000; font-weight: bold;
					 		margin-bottom: 0px; padding-bottom: 0px;}
.attention h3 {font-size: 14px;
					 		color: #dc0000; font-weight: bold;
					 		margin-bottom: 2px; padding-bottom: 0px;
							margin-top: 0px; padding-top: 0px;}
		
		
.attention2 {border-top: 2px solid #cee7eb;
					 border-bottom: 2px solid #cee7eb;
					 background-color: #e0f7fa;
					 padding: 3px 10px 3px 10px;;
					 width: 95%;
					 text-align: left;
					 margin-top: 20px;
					 margin-bottom: 20px;
					 margin-left: auto;
					 margin-right: auto; /* these are designed to center, but you probably still need center tags... stupid ie */
					 font-size: 12px;}
					 
.attention2 h2 {font-size: 18px;
					 		color: #000; font-weight: bold;
					 		margin-bottom: 0px; padding-bottom: 0px;}
.attention2 h3 {font-size: 14px;
					 		color: #000; font-weight: bold;
					 		margin-bottom: 2px; padding-bottom: 0px;
							margin-top: 0px; padding-top: 0px;}
.attention2 ul, .attention2 ol {padding: 0;}

/* --------------------------------------HOME PAGE STYLES-------------------------------------- */

div.uh {width: 700px; text-align: left;}

div.uh div.text {width: 460px;float: left; padding-bottom: 10px;}


div.uh div.text h2 {font-size: 20px; font-family: arial, helvetica, sans-serif; color: #777; padding-left: 10px;}
div.uh div.text p {font-family: arial, helvetica, sans-serif; font-size: 13px;padding-left: 10px;}

/* bulletpoints */

div.uh div.bullets {display: inline; width: 219px; float: right; background: #f0f0f0 url('/learn-more/index_files/bullets-top.gif') center top no-repeat;}
div.uh div.bullets ul {background: transparent url('/learn-more/index_files/bullets-bottom.gif') bottom center no-repeat; margin: 20px 0 0 0; padding: 0 0 70px 0; font-weight: bold; font-style: italic;}
div.uh div.bullets ul li {margin-left: 30px; padding-right: 20px;}

/* three boxes on the front page */
ul.boxes {clear: both;}
ul.boxes,ul.boxes li{margin:0;
										padding:0;
										list-style:none;}
										
ul.boxes li{float:left;
				 width:220px;
				 margin:0 5px 10px 5px; 
				 text-align: left;
				 }
				 
ul.boxes h3{font-family: arial, helvetica, sans-serif;
				 font-weight: bold;
    		 		margin:0px;
						padding: 9px 0 0 10;
						text-align:left;
						color: #000;}
ul.boxes img {margin: 10px 10px 10px 5px;
				 		 float: left;}
						
ul.boxes p{margin:0;
				   padding:5px 12px 12px 12px; font-family: arial, helvetica, sans-serif;}
li#one{background: #dceaf4;}
li#two{background: #dceaf4;}
li#three{background: #dceaf4;} 

/* global sourcing search box on the front page */

#global_sourcing {background-image: url('/learn-more/index_files/hero.jpg');
								 background-repeat: no-repeat;
								 width: 687px;
								 height: 250px;
								 margin-bottom: 20px;
								 text-align: left; position: relative;}
								 
#global_sourcing h1 {position: absolute; top: 30px; left: 33px; width: 460px; font-size: 28px; line-height: 100%; font-weight: bold;letter-spacing: -.5px; color: #222;}

#global_sourcing h1 span {font-size: 85%;}
								 							 
.global_sourcing_searchbox {width: 330px;
													  border: 2px solid #ccc;
														background-color: white;
														height: 30px;														
														margin-bottom: 3px;
														font-size: 22px; font-family: "trebuchet ms", arial, helvetica, sans-serif;}
														
.global_sourcing_submit {border: 0; padding: 0; margin: 0;}
														
#global_sourcing_content {position: relative;
												 width: 330px;
												 top: 107px;
												 left: 33px;}

#global_sourcing_content p {font-family: arial, verdana, helvetica, sans-serif;
												 font-size: 14px;
												 font-weight: bold; line-height: 130%;
												 margin-bottom: 0px; padding-bottom: 4px;}
												 
	
	
/*----------------- SIGNUP FORM STYLES ------------------------- */

div.steps {background-color: #f2f2f2;
					padding: 5px 0 5px 0;
					margin-bottom: 20px;}
					
div.steps p {margin: 0px 30px 5px 0px;
					padding: 0;
					font-size: 11px;
					line-height: 130%;}
					
div.steps_highlight {background-color: #f8fbb0;
					padding: 5px 0 5px 0;
					margin-bottom: 20px;}
					
div.steps_highlight p, div.steps_highlight h3 {margin: 5px 30px 10px 30px;}


div.steps_highlight p	{padding: 0;
					font-size: 11px;
					line-height: 130%;}
					
.steps td {padding: 3px 3px 3px 3px;}

.number {margin: 0px 10px 10px 10px;}

#breadcrumb {padding-top: 9px;
						padding-bottom: 20px;}
#breadcrumb p {font-family: verdana, arial, helvetica, sans-serif;
						font-size: 10px;
						padding: 0;}
.youarehere {border-bottom: 2px solid red;}			

/* --------- learning center & community menu styles ------------- */

table.image_menu {width: 500px; border: 0; font-size: 14px;}
table.image_menu td {padding: 10px;}
table.image_menu a {font-weight: bold;}
table.image_menu td img {vertical-align: middle;
width: 69px;
height: 69px;
border: 0px;}	
								 
												 
/* RANDOM UNCATEGORIZED THINGS */

.grey-login {width: 145px;
					border: 1px solid #ccc;
					background-color: #eee;
					padding:5px;}
					
.form-table			{border: 1px solid #ccc;
					background-color: #f0f0f0;
					margin-top: 10px; margin-bottom: 10px;}

.form-table td		{padding:5px;}


.tip-highlight 		{border: 1px solid #ccc;
					background-color: #F3F3F3;
					padding:5px;}		
				
.nodecoration a {border: 0; text-decoration: none;}
.nodecoration a:link{text-decoration: none; border: 0;}	
.nodecoration a:visited{text-decoration: none; border: 0;}	
.nodecoration a:hover{text-decoration: none; border: 0;}	
.nodecoration a:active{text-decoration: none; border: 0;}				

.results {
					 
					 background-color: #fff;
					 margin-bottom: 10px;
					 font-size: 11px;
					 padding: 5px 0 5px 0;}						
					 
 .dropdown {background-color: #fff;
					 margin-bottom: 10px;
					 font-size: 11px;
					 padding: 0px 0 0px 0;}		
					 
.resultsline {width: 640px;}	
					 
.resultsbreak {border-bottom: 1px dashed grey; 
				width:100%}

.blue-bg 			{border: 1px solid #ccc;
					background-color: #eee; }
					
.featuredproducts {border-top: 2px solid #e8dd46;
					 border-bottom: 2px solid #e8dd46;
					 background-color: #ffffff;
					 padding: 3px 10px 3px 10px;;
					 width: 95%;
					 text-align: left;
					 margin-top: 20px;
					 margin-bottom: 20px;
					 margin-left: auto;
					 margin-right: auto; 
					 font-size: 12px;}
					 
.featuredproducts img {float: left;
						margin: 0px 10px 12px 0;}
						
.right_feature {float: right;
										width: 47%;
										}
.left_feature {float: left;
										width: 47%;
										}
										
.hop_box	{background-color: #FFFF99; 
			border: 2px solid #e3e3e3; 
			margin-top: 15px; 
			margin-bottom: 15px;}
			
.hop_box td {padding: 5px; vertical-align: top;}

.order-button { cursor:pointer; }

.freepreview {border-top: 2px solid #d3d3d3;
					 border-bottom: 2px solid #d3d3d3;
					background-color: #e5f9fc;
					 padding: 3px 10px 3px 10px;
					 width: 95%;
					 text-align: left;
					 margin-top: 20px;
					 margin-bottom: 20px;
					 margin-left: auto;
					 margin-right: auto; /* these are designed to center, but you probably still need center tags... stupid ie */
					 font-size: 11px;}
					 
#newsletter_testimonial	 { 	width: 220px;
							float:right;
							border: 2px solid #FFFF75;
							background-color: #ffffcc;
							padding:10px;
							margin-left:10px;
							margin-bottom:10px; }							

ul.tick li {list-style-image: url('/learn-more/index_files/secrets-tick1.gif');}