/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a                { color: #1c7ad5; text-decoration: none; }
#tinymce a       { color: #1c7ad5 !important; text-decoration: none !important; }

a:hover          { color: #1c7ad5; text-decoration: underline;}
#tinymce a:hover { color: #1c7ad5 !important; text-decoration: underline !important; }

h1, h2, h3 { color: #718e3b;}

td { vertical-align: top; }

/* SUPPLIERS / PRODUCTS HTML PAGE
=============================================== */

.underline { border-bottom: 1px solid #d2d2d2; margin-bottom: 1em; }


.button { margin-bottom: 0; }

.button a { display:block; float: right; width: 105px; height: 24px; background: url(/download/gallery/img/btnlearngi) 0 0 no-repeat; text-indent: -10000px; }

.feature-new { background: #e2efc7; border: 1px solid #bcd68d; padding: 15px; }

.feature-new table { margin-bottom: 0; }

#footer-system { margin-top: 0; }


/* MENU TABS
----------------------------------------------- */

#menu-tabs {
	width: 100%;
}

#menu-tabs ul {
	border-bottom: 1px solid #a7afb1;
	overflow: auto;
	width: 100%;
	margin: 0 0 1em;
}

#menu-tabs li{
	float: left;
	list-style: none;
	margin: 0 4px;
}

#menu-tabs a {
	background: url(../img/tab-left.gif) 0 0 no-repeat;
	background-image: url(/download/gallery/img/tableftgif);
	color: #fff;
	display: block;
	font-family: Verdana;
	text-decoration:none;
	padding-left: 6px;
}

#menu-tabs span {
	background: url(../img/tab-right.gif) 100% 0 no-repeat;
	background-image: url(/download/gallery/img/tabrightgi);
	display: block;
	padding: 7px 20px 6px 14px;
}

#menu-tabs a:hover {
	background-image: url(../img/tab-hvr-left.gif);
	background-image: url(/download/gallery/img/tabhvrleft);
}

#menu-tabs a:hover span {
	background-image: url(../img/tab-hvr-right.gif);
	background-image: url(/download/gallery/img/tabhvrrigh);
}


/* SIDEBAR MENU
----------------------------------------------- */

#menu-sidebar {
	padding-top: 15px;
}

div#menu-sidebar ul.menu {
	height: 380px;
	overflow: auto;
	margin: 0 0 0 10px;
}

#menu-sidebar ul li {
	background: url(../img/bullet-arrow.gif) 0 5px no-repeat;
	background-image: url(/download/gallery/img/bulletarro);
	padding-left: 15px;
	list-style: none;
}

div#menu-sidebar ul ul {
	height: inherit;
	overflow: inherit;
	margin: 0;
}

#menu-sidebar ul li li {
	background-image: none;
}


/* ALPHABET LISTINGS
----------------------------------------------- */

#list-alphabet {
	padding-top: 25px;
}

#list-alphabet ul {
	overflow: auto;
	width: 100%;
	margin: 0 0 2em;
}

#list-alphabet li {
	border-left: 1px solid #1c7ad5;
	float: left;
	list-style: none;
	line-height: 14px;
}

#list-alphabet li.first {
	border-width: 0px;
}

#list-alphabet li a {
	color: #ccc;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	padding: 0 9px 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}

#list-alphabet li.trigger a {
	color: #1c7ad5;
	font-weight: bold;
}


/* PRODUCT COMPANIES
----------------------------------------------- */

div.product-item {
	border-bottom: 1px solid #d9d9d9;
}




/* HOMEPAGE HTML TEMPLATE
=============================================== */

h1.home-title {
	font-weight: normal;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
}

/*--[ GENERAL BOX ]--*/

.wrapper {
 	height: auto !important;
	height: 1%;
	overflow: hidden;
}

.ggoBox {
	background: #f7faf2 url(../img/gradient-2.gif) 0 100% repeat-x;

	margin-top: 10px;
	margin-bottom: 10px;
}

.ggoBox .inner { height: 314px; }

.ggoBox .body { padding: 0 15px 10px; }

.ggoBox h2.head {
	background: #718e3b 0 0 no-repeat;
	color: #fff;
	margin-bottom: 0;
	padding: 8px 12px 9px;
	text-transform: uppercase;
}

.ggoBox h2 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	padding: 8px 0 9px;
}

.ggoBox h3 {
	font-weight: normal;
}

div.ggoBox ul {
	margin-left: 0;
}

.ggoBox li {
	background: url(../img/blt-1.gif) 0 6px no-repeat;
	list-style: none;
	padding-left: 15px;
}

/*
[------ CUSTOM BOX: Spotlight -------]
*/

.spotlight {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 300px;
}

.spotlight .inner { background: url(../img/foot-300.gif) 0 100% no-repeat; }

.spotlight h2.head { background-image: url(../img/head-300.gif); }

/*
[------ CUSTOM BOX: RSS News -------]
*/

.news h2.head { 
	background-image: url(../img/head-280.gif);
}

.news .inner { padding-bottom: 10px; }

.news .body { padding: 0; }

.news .rss-box {
	background-color: #fff;
	height: 430px;
	overflow: auto;
	padding: 0 15px;
}

.news .rss-box ul {
	padding: 15px 0;
}

.news li {
	background: none;
	padding-left: 0;
	margin-bottom: 1em;
}

p.rss-more {
	text-align: right;
	margin-bottom: 0;
	padding: 4px 35px 4px 15px;
}


p.more { font-size: 10px; text-align: right; }

a.bemember {
	background: url(../img/button.jpg) 0 0 no-repeat;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding: 136px 0 0;
}




/* SUBPAGE HTML TEMPLATE
=============================================== */

div.sidebar-nav { background: #f7f9f2 url(../img/gradient-2.gif) 0 100% repeat-x; }

div.sidebar-nav .inner {
	background: url(../img/foot-220.gif) 0 100% no-repeat;
	padding: 10px 10px 30px;
}

div.sidebar-nav h4 { margin-bottom: 1em; }

div.sidebar-nav ul{ margin: 0; }

div.sidebar-nav li { 
	background:url(../img/bullet.gif) 0 6px no-repeat; 
	list-style: none; 
	padding-left: 14px; 
}

div.sidebar-nav a { 
	font-size: 11px;
}

/*--------------------------------------------- */
/*         >>>     COMMUNITY:     <<<           */
/*         >>> STRUCTURE & DESIGN <<<           */
/*--------------------------------------------- */


/* DESIGN
=============================================== */

body    { background: #1e2f03 url(../img/body.jpg) 0 0 fixed repeat; color: #474747; }

#page   { background: url(../img/page.png) 50% 0 repeat-y; }

#header { background: url(../img/header.png) 50% 0 no-repeat; }

#header-inner { background: #364a06 url(../img/header.jpg) 100% 0 no-repeat; }

#main { background: #fff; }

#navigation { background: #647e2f url(../img/nav.gif) 0 0 repeat-x; }

#footer { background: url(../img/footer.png) 50% 100% no-repeat; }

#footer-inner  { background: #fff; }



/* STRUCTURE
=============================================== */

body { padding-bottom: 1em; }

#userbar { margin-bottom: 23px; }

#header-inner, #main, #footer-inner {
	border: 16px solid #718e3b;
	margin: 0 auto;
	width: 960px;
}

#header-inner { border-width: 16px 16px 0; }

#main { border-width: 0 16px 0; }

#footer-inner { border-width: 0 16px 16px; }

#header { padding-top: 12px; }

#header-inner { height: 147px; }

#content {
	margin-left: 10px;
	margin-right: 10px;
}

#content-inner { padding: 15px 0 0; }
#home.landing #content-inner { padding-top: 0; }

#primarynav {
	/* -- CLEAR CONTAINER -- */
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#footer { padding-bottom: 13px; }



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* LOGO/TAGLINE
=============================================== */

#logo a {
	background: url(../img/logo.png) 0 0 no-repeat;
	display: block;
	height: 0px!important;
	overflow: hidden;
	padding: 171px 0 0;
	width: 186px;
	
	position: absolute; top: -32px; left: 15px;
}


/* PRIMARYNAV
=============================================== */

#primarynav li {
	float: left;
}

#primarynav li.first {
	border-top-width: 0;
}

#primarynav a {
	display: block;
	font-size: 12px;
	padding: 8px 12px;
	text-decoration: none;
}

#primarynav a:hover { text-decoration: none; }

#primarynav a         { color: #ecf2e0; }
#primarynav a:hover   { color: #cade76; }
#primarynav li.here a { color: #cade76; }


/* SEARCH BAR
=============================================== */

#search-keyword { top: 95px; right: 28px; }


/* CONTENT-HEAD
=============================================== */

#content-head h1 {
	border-bottom: 1px dashed #b1b9bb;
	color: #474747;
}


/* ACTIONBAR
=============================================== */

.icon-apptext { color: #fff; }
.icon-apptext span { color: #fff; }

#actionbar a                          { color: #fff; }
#actionbar-triggers span span,
#actionbar-triggers li.active a,
#actionbar-triggers a:hover           { color: #ccc; }

#actionbar-triggers li.active a       { color: #133463;}
#actionbar-triggers li.active a:hover { color: #133463;}

#actionbar                         { background: #007aaa; }
#actionbar-triggers                { background: #007aaa; }
#actionbar-triggers li.active      { background: #0097D3; }
#actionbar-panels div.panel        { background: #0097d3  repeat-x; }



/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


#signin #comsignin {
	border: 0px solid #ccc;
}


/* GALLERY
=============================================== */

#gallery-list li {
	width: 175px; /* -- FITS FOR 700px -- */
}


/* MEMBERS
=============================================== */

#members-profile {
	margin-bottom: 0.75em;
}


/*--------------------------------------------- */
/*              >>> GRID SYSTEM <<<             */
/*--------------------------------------------- */


/* Grid >> Global
=============================================== */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5,
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10, 
.grid_11, .grid_12, .grid_13,
.grid_14, .grid_15, .grid_16 
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
=============================================== */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* =Grid >> 16 Columns
=============================================== */

.grid_1 { width: 40px; }
.grid_2 { width: 100px; }
.grid_3 { width: 160px; }
.grid_4 { width: 220px; }
.grid_5 { width: 280px; }
.grid_6 { width: 340px; }
.grid_7 { width: 400px; }
.grid_8 { width: 460px; }
.grid_9 { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }


/*--------------------------------------------- */
/*        >>> IE 6 PNG REMOVING CODE <<<        */
/*     >>> SHADOW IS REMOVED FROM DESIGN  <<<   */
/*             >>> ON IE 6 <<<                  */
/*--------------------------------------------- */

#page   { _background-image: none; }
#header { _background-image: none; }
#footer { _background-image: none; }
#logo a { _background-image: url(../img/logo-ie.gif); }



/*--------------------------------------------- */
/*        >>> DEV CONVERTING CODE <<<           */
/*  >>> TO SEE IMAGES ON DEV, COMMENT OUT <<<   */
/*--------------------------------------------- */

body          { background-image: url(/download/gallery/img/bodyjpg); }
#page         { background-image: url(/download/gallery/img/pagepng);
				_background-image: none; }
#header       { background-image: url(/download/gallery/img/headerpng);
				_background-image: none; }
#header-inner { background-image: url(/download/gallery/img/headerjpg); }
#logo a       { background-image: url(/download/gallery/img/logopng);
                _background-image: url(/download/gallery/img/logoiegif); }
#navigation   { background-image: url(/download/gallery/img/navgif); }
#footer       { background-image: url(/download/gallery/img/footerpng);
				_background-image: none; }
.ggoBox                { background-image: url(/download/gallery/img/gradient2g); }
.ggoBox .inner         { background-image: url(/download/gallery/img/foot300gif); }
.ggoBox h2.head        { background-image: url(/download/gallery/img/head300gif); }
.ggoBox li             { background-image: url(/download/gallery/img/blt1gif);}
.news h2.head          { background-image: url(/download/gallery/img/head280gif); }
.news li { background: none; }
.news .inner { background: none; }
a.bemember             { background-image: url(/download/gallery/img/buttonjpg); }
div.sidebar-nav        { background-image: url(/download/gallery/img/gradient2g); }
div.sidebar-nav .inner { background-image: url(/download/gallery/img/foot220gif); }
div.sidebar-nav li     { background-image: url(/download/gallery/img/bulletgif); }

#testtab div#menu-sidebar ul.menu {
height:850px;
margin:0 0 0 10px;
overflow:auto;
}