/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************* */

body {
	background: #463f21 url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1708) repeat-x left top;
	font: 12px verdana,tahoma, arial, helvetica, sans-serif !important;
padding:20px 0 0 0 !important;
}

div#sitecontainer {
background:#fff !important;
border:solid 1px red;
width:794px !important;
border:none !important;
overflow:hidden !important;
padding:0 3px 10px 3px !important;
}
#logo {
height:42px;
width:794px !important;
padding:58px 0 0 0 !important;
overflow:hidden;
}
/*SEARCH FORM----------------- */

#logo .search-box {
height:41px;
line-height:41px;
width:283px;
float:right;
background: #738f66 url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1709) no-repeat left top;
text-align:right;
padding: 0 10px 0 0
}
* html #logo .search-box {
padding: 10px 10px 0 0;
height:31px;
}
#logo .search-box-internal	{
height:61px;
line-height:61px;
width:283px;
float:right;
background-color: #fff;
text-align:right;
padding: 0 10px 0 0
}

#logo .search-text	{
width:120px;
font: 11px verdana, arial, helvetica, sans-serif !important;
border:1px solid #7f9db9;
height:16px;
vertical-align:middle;
padding: 2px 0 0 3px;
}

#logo form	{
margin:0;
padding:0;
border:0;
}

#logo .search-button	{
vertical-align:middle;
}
#main {
      width:360px !important; /*794px*/
float:left;
margin:0 8px 0 0 !important;
padding:0 5px 0 15px !important;
font:12px/20px verdana, arial, helvetica, sans-serif !important;
 }
#main a, #main a span {
color:#000066 !important;
font-weight:bold;
}
#main h1 {
font:18px verdana, arial, helvetica, sans-serif;
background:none;
border:none;
padding:5px 0;
color:#000;
margin:0;
text-align:left;
}

strong {
	color: #999;
	}

#footer {
	margin: 0 auto 20px auto;
		color: #a4a092;
font:11px verdana, arial, helvetica, sans-serif;
    clear: both;
width:800px;
}
#footer .address b {
	font-family: verdana, sans-serif;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color: #a4a092;
	}
#footer a:hover {
	text-decoration:none;
}
#footer .fLeft {
width:40%;
float:left;
text-align:left;
font:12px verdana, arial, helvetica, sans-serif;
}
#footer .fright {
width:40%;
float:right;
text-align:right;
font:12px verdana, arial, helvetica, sans-serif;
}

/* *******************************

HOVER

The color needs an !important to overrule the normal link colors, which are set on
a selector containing an ID. Normally ID overrides CLASS, but in this specific instance
we don't want that.

******************************* */

.nav div a hover {
	color: #1E2472 !important;
	background-color: #cccccc;
}

#main a {
	text-decoration: none;
}

#main a hover {
	color: #9A0000;
	background-color: #cccccc;
	text-decoration: underline;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */

#nav1 {
background:#fff;
height:17px !important;
display:block !important;
padding:5px 0 0 0 !important;
margin:0 0 -22px 0 !important;
width:794px !important;
}
#nav1 ul {
padding:0 !important;
margin:0 !important;
height:15px !important;
float:right;
}
#nav1 ul li {
padding:0 9px 0 10px !important;
margin:0 !important;
display:block !important;
border-right:solid 1px #c4c4c4;
}
#nav1 ul li a:link, #nav1 ul li a:visited, #nav1 ul li a:active {
font:bold 12px verdana,tahoma, arial, helvetica, sans-serif;
color:#000;
display:inline;
}
#nav1 ul li a:hover {
color:#738f66;
}
#nav1 div {
border:solid 1px #ccc;
margin:0 !important;
padding:0 !important;
width:123px !important;
left:-1px !important;
}
#nav1 ul li div a:link, #nav1 ul li div a:visited, #nav1 ul li div a:active {
margin:0 !important;
padding:5px 0 5px 7px !important;
width:116px !important;
display:block;
clear:both;
border-bottom:solid 1px #eee;
font:normal 11px verdana,tahoma, arial, helvetica, sans-serif;
color:#999;
}
#nav1 ul li div a:hover {
color:#000;
}

a#contribute {
	background-color: #000033;
	border: 2px solid #000033;
}
.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}


/* *******************************

LEFT NAVIGATION

******************************* */


#nav2 {
height:27px !important;
background:#738f66;
padding:0 !important;
width:794px !important;
margin:0 0 8px 0;
}
#nav2 ul {
margin:0 !important;
padding:0 !important;
float:none !important;
display:block !important;
height:27px !important;
width:794px !important;
}
#nav2 ul li {
margin:0 !important;
padding:0 !important;
float:left !important;
display:block !important;
width:197.20px !important;
height:27px;
border-right:solid 1px #a0b397;
}
#nav2 ul li a:link, #nav2 ul li a:visited, #nav2 ul li a:active {
margin:0 !important;
padding:0 !important;
float:none !important;
display:block;
height:27px;
text-align:center;
line-height:25px;
color:#FFF;
font: bold 13px/27px verdana, arial, helvetica, sans-serif; 
}
#nav2 ul li a:hover {
background:#363;
}
#nav2 div {
border:solid 1px #ccc;
margin:0 !important;
padding:0 !important;
width:197px !important;
top:27px !important;
left:0px !important;
}
#nav2 div li.nv3 {
display:none !important;
}
#nav2 ul li div a:link, #nav2 ul li div a:visited, #nav2 ul li div a:active {
margin:0 !important;
padding:8px 0 8px 7px !important;
width:191px !important;
display:block;
clear:both;
border:none;
color:#999;
border-bottom:solid 1px #eee;
font:normal 11px verdana,tahoma, arial, helvetica, sans-serif;
line-height:inherit !important;
text-align:left !important;
height:18px;
}
/** html #nav2 ul li div a:link, #nav2 ul li div a:visited, #nav2 ul li div a:active, #nav2 ul li div a:hover {
padding:0; 
}*/
#nav2 ul li div a:hover {
color:#000;
background:#fff;
width:190px !important;
height:18px;
}





#leftnav {
    float: left;
    width: 200px !important;
    padding:0;
margin:0;
overflow:hidden;
}
#leftnav img {
border:solid 1px #000;
display:block;
margin:0 0 8px 0;
}
#leftnav #nav3 {
    float: left;
    width: 200px !important;
    padding:0;
margin:0;
background:none;
}

#leftnav #nav3 ul {
    padding: 0;
    margin: 0;
}
#leftnav #nav3 ul li {
height:600px !important;
padding:0;
margin:0;
}
#leftnav #nav3 div.nvLF {
display:inherit !important;
margin:0;
padding:0;
width:196px !important;
overflow:visible;
}
#leftnav #nav3 div.nvLF a:link.lv2, #leftnav #nav3 div.nvLF a:visited.lv2, #leftnav #nav3 div.nvLF a:active.lv2  {
    padding: 0 0 0 15px;
    margin: 0;
border-bottom:solid 1px #ccc;
background:url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1756) no-repeat left 5px;
font:bold 12px/25px verdana, arial, helvetica, sans-serif;
color:#363;
height:25px auto;
display:block;
width:183px;
text-decoration:none;
overflow:visible;
}
#leftnav #nav3 div.nvLF a:hover.lv2 {
color:#738f66;
}
#leftnav #nav3 div.nvLF div.nvLF2 {
display:block;
width:100%;
padding:inherit !important;
margin:0;
padding:0 0 0 10px !important;
position:relative;
}
#leftnav #nav3 div.nvLF div.nvLF2 a:link, #leftnav #nav3 div.nvLF div.nvLF2 a:visited, #leftnav #nav3 div.nvLF div.nvLF2 a:active {
display:block !important; 
width:184px;
height:25px;
border-bottom:solid 1px #ccc;
padding:0 0 0 10px;
color:#999;
border-bottom:solid 1px #eee;
font:normal 11px verdana,tahoma, arial, helvetica, sans-serif;
line-height:23px;
text-decoration:none;
}
#leftnav #nav3 div.nvLF div.nvLF2 a:hover {
color:#000;
}
/* *******************************

HEADERS

******************************* */
h1 {
	line-height:	110%;
    font-size: 100%;
    background-color: #cccccc;
    padding: 1px;
    color: #ffffff;
    border: 1px solid #000000;
}

h2 {
	font-weight: normal;
    font-size: 100%;
    background-color: #cccccc;
    padding: 0px 0px 0px 0px;
    color: #003;
	line-height: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px dotted #003;
}

h3 {
    font-size: 120%;
    color: #003399;
    background-image: url(http://orchidsuites.net/orchid/skins/JB01-1/images/navbullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
}

h4 {
    font-size: 100%;
    margin: 0;
}

/* *******************************

HEADERS HOME

For Alert Messages and Features

******************************* */

.homealertmsg {
	text-align: center;
	color: #ff0000;
}

.homealertmsg a {
	text-decoration: none;
}


.threecolumn h2 {
	font-size: 130%;
	padding: 5px;
	padding-left: 10px;
}

.homealertmsg h2,.homefeature h2 {
	background-color: #9A0000;
}

body.threecolumn h1 {
	line-height:	110%;
	text-align: center;
	background-color: #1E2472;
	color: #ffffff;
	padding: 0px;
}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #9A0000;
}
p.events {
display:block;
width:175px;
height:27px;
margin:0 auto 10px auto;
background:#6d8ba3 url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1796) no-repeat center center;
padding:0;
}
p.spotlight {
padding:0;
display:block;
width:175px;
height:27px;
margin:0 auto 10px auto;
background:#6d8ba3 url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1797) no-repeat center center;
}
p.imgSpot {
margin:0 auto 5px auto;
padding:0;
width:163px;
height:62px;
background:transparent url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1817) no-repeat left top;
}
#main .green {
font:bold 12px verdana, arial, helvetica, sans-serif;
color:#738f66;
}
#hmForm {
width:794px;
height:140px;
background:url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1837) no-repeat -1px top;
}
#hmForm form {
float:right;
display:block;
padding:65px 21px 0 0;
}
#hmForm form select {
width:245px;
border:none.
font:12px verdana, arial, helvetica, sans-serif !important;
}
#hmForm .hmFind{
text-align:right;
padding:10px 0 0 0;
}

#homeSpotlight{
width:175px;
background: #fff url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/1779) repeat-x left top;
float:left;
padding:10px;
text-align:left;
font:11px/16px verdana, arial, helvetica, sans-serif;
}
#homeSpotlight h3 {
margin:0;
padding:0;
font:bold 12px verdana, arial, helvetica, sans-serif;
color:#2c4e6a;
}


/*Quote of the Day*/
#extra pre {
font:bold 12px verdana,arial,helvetica,sans-serif;
background:#6d8ba3;
color:#fff;
height:25px;
line-height:25px;
padding:0;
margin:0 0 10px 0;
}
#extra p {
width:190px;
padding:0 5px !important;
}

#nav1 ul li div {
  top:14px !important;
}


/* product category list */
#main .col-prod1, #main .col-prod2 {
width:50%;
float:left;
}
#main .col-2prod ul {
padding:15px 0 0 0px;
width:360px;
margin:0px;
}
div#sitecontainer #main .col-2prod ul li {
float:left;
background:url(http://www.fairtradefederation.org/ht/action/GetImageAction/i/7794) no-repeat left 6px;
list-style-type:none;
padding:0 0 0 15px;
width:35%;
margin:0 0 0 8%;
}
* html div#sitecontainer #main .col-2prod ul li {
margin:0 0 0 4%;
}
#main .infoBx {
padding:0 0 0 15px;
}