* {margin: 0; padding: 0;}
html {height:100%;}
body {
	height:100%;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	background-color:#fff;
}
h1, h2, h4, h4 { font-size:100%; font-style:normal; font-weight:normal; }
ul, li {list-style-type: none;}
input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
		font-size:100%;
}

a {outline: none;}
a:active {outline: none;}
a:link, a:visited {color:#036; text-decoration:underline}
a:hover {color:#06c; text-decoration:none}
table td {font-size:1.1em;}
fieldset, img
{
    border: none;
}
legend
{
    font-size: 1.4em;
}
.fr {float: right;}
.fl {float: left;}
.clr {clear:both}
.bdr-rds {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.note {color:#666;}



#container {
	width:950px;
	margin:auto;
	text-align:left;
}


/* -----------------------------------
		HEADER
----------------------------------- */
#header {
	height:110px;
	position:relative;
	z-index:10;
	text-align:left;
}
#logo img {padding:5px; border:none;}

ul#top-navigation  {
	position:absolute;
	top:42px;
	right:0;
}

ul#top-navigation  li {
	display:inline-block;
	float:left;
	font-size:1.2em;
	padding:3px 10px;
	background:url(Images/top-nav-seperator.gif) no-repeat left 7px;
}

ul#top-navigation  li.tn-community {
	padding-left:20px;
	background: url(Images/ico-community.gif) no-repeat left 0;
}

ul#top-navigation  li a:link,
ul#top-navigation  li a:visited {
	text-decoration:none;
}
ul#top-navigation  li a:hover {
	text-decoration:underline;
}


/* -----------------------------------
		HEADER : MAIN NAVIGATION
----------------------------------- */

#main-navigation {
	height:42px;
	clear:both;
	background: #7895cd url(Images/bg-main-navigation.gif) no-repeat 0 0;
}

#main-navigation .main-nav-list {
	width:720px;
	float:left;
}
#login {
	float:right;
	margin:8px 5px 0 0;
}
#login a {
	display:block;
	width:170px;
	height:26px;
	font-size:1.3em;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	color:#333;
	font-weight:bold;
}
#login a:hover {
	background:url(Images/bg-login-hover.gif) no-repeat 0 0;
	color:#036;
	line-height:25px;
}

#main-navigation ul {list-style: none; margin:0; padding-left:3px; text-align:left;line-height: normal;}
#main-navigation ul li {float:left; position:relative; z-index:100; list-style: none;}
#main-navigation ul li a {
	position:relative;
	display:block;
	color:#fff;
	font-size:16px;
	height:30px;
	line-height:30px;
	margin-top:6px;
	text-decoration:none;
	padding:0 20px 0 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
* html #main-navigation ul li a {float:left;}

/* menu hover state */
#main-navigation ul li:hover ul,
#main-navigation ul li.nav-hover ul 
{margin-left: 0;}
#main-navigation ul li a:hover {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#5d75a6;
}

/* End Menu */



span.inp-box 
{
	display:block;
  width:217px;
  height:34px;
  text-align:left;
	background: #fff url(Images/bg-input-txt.gif) no-repeat;
}
span.inp-box input {
	width:185px;
	border:none;
	background:transparent;
	position:relative;
	left:15px;
	top:10px;
}


.textbox
{
	width:138px;
	border:none;
	background-color:Transparent;
}


#intro {padding:10px 0 20px 10px;}
#intro h1 {font-size:2.6em; color:#69c;}
#intro h1 span {color:#666;}
#intro p {font-size:1.3em; line-height:1.6em;}

p.sign-in-box {position:relative; top:-30px; right:2px; float:right; width:150px; border:1px solid #99f; background:#5d75a6; color:#fff; padding:10px;}
p.sign-in-box a:link, p.sign-in-box a:visited {color:#fff; font-weight:bold;}


#content {width:90%; min-height:200px; margin:0 auto;}

.col-a {float:left; width:45%}
.col-b {float:right; width:45%}
.col-a em, .col-b em {font-family:verdana; color:#f66 }


div.required {position:relative;}
div.required span {
	width:66px;
	height:31px;
	position:absolute;
	left:-64px;
	bottom:10px;
	text-align:center;
	line-height:24px;
	color:#633 !important;
	background: url(Images/bg-required.png) no-repeat;
}
* html div.required span {background: url(Images/bg-required.gif) no-repeat;}


div.description span,
div.region span
 {left: -60px; bottom:60px;}

div.required span.inp-wide {
	width:130px;
	left: -130px;
	line-height:28px;
	background: url(Images/bg-required_lrg.png) no-repeat;
}
* html div.required span.inp-wide {background: url(Images/bg-required_lrg.gif) no-repeat;}


.col-a textarea {width:200px; height:60px; overflow:auto; padding:4px;}

.col-b select {width:120px;}
.col-b textarea {width:140px; height:60px; overflow:auto; padding:4px;}
.col-b h2 {font-size:1.5em; margin:20px 0 15px 0; border-bottom:1px dotted #666;}


.alerts {clear:both; font-size:1.1em; border-left:5px solid #eee; padding-left:20px;}

.actions {display:block; padding-top:20px; text-align:center;}



.tdTextbox
{
	background: #fff url(images/bg-input-txt2.gif) no-repeat;
	text-align:left;
	padding-left:6px;
}

.tdTextbox2
{	
	text-align:left;
	padding-left:4px;
}



.selectBox
{
	text-align:left;
	width:138px;
}

.btn {
  border: 1px solid #aec6d9;
  padding: 0.2em 0.4em;
  color: #333;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor:pointer;
  background: #fff url(Images/bg1.gif) left center repeat-x;
}

.send {   
	cursor:pointer;
  border-width:0px;
  background: #fff url(Images/bg-btn-register.gif) left center repeat-x;
  width:142px;
  height:40px;
	font-size:1.3em;
	margin:0 4px;
}
.btn-sml {   
	display:block;
	cursor:pointer;
  border:none;
  background: #fff url(Images/btn.gif) left center repeat-x;
  width:107px;
  height:30px;
	font-size:1.1em;
	text-align:center;
	margin:0 4px;
}
a.btn-sml {text-decoration:none;}


.subCategories_ddl
{
	display:none;
	width:138px;
}

.comment
{
	color:Red;
	font-size:16pt;
}


/* -----------------------------------
		VENDORS PAGE
----------------------------------- */

.vendors-list {clear:both; height:3em;}
.vendors-list h1 {float:left}
.vendors-list span {font-size:1.3em; padding:6px 46px 0 0; display:block; float:right}

.datagrid
{
	width:100%;
	text-align: center;
	border:5px solid #eee;
	table-layout:fixed;
}
.datagrid tr:hover {background-color:#f6f6f6}
.datagrid td {
	border:1px solid #ccc;
	padding:2px;
}
.datagrid select {width:8em}
.datagrid td select option[value="Approved"] {background-color:green; color:#fff}
.datagrid td select option[value="In process"] {background-color:orange; color:#fff}
.datagrid td select option[value="Deny"] {background-color:red; color:#fff}


.datagrid td.th-auto-id {width:50px;}
.datagrid td.th-update {width:80px;}
.datagrid td.th-date {width:65px;}
.datagrid td.th-hour {width:70px;}
.datagrid td.th-status {width:100px;}

.dg-header td {font-weight:bold; font-size:110%; line-height:20px; border-bottom-width:2px; background: #dde9f6 url(Images/bg-dg-header.gif) repeat-x 0 0;}

tr.dg-pager:hover {background:#fff;}
tr.dg-pager td {padding:8px 0; background: #fff url(Images/bg-dg-pager.gif) repeat-x 0 0;}
tr.dg-pager td span,
tr.dg-pager td a:link,
tr.dg-pager td a:visited {
	display:inline;
	padding:2px 10px;
	border:1px solid #ccc;
	background: #dde9f6 url(Images/bg-dg-header.gif) repeat-x 0 0;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	margin:0 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
tr.dg-pager td a:hover {border-color:#666;}
tr.dg-pager td span {color:#ccc;}

.dg-btnlink a:link,
.dg-btnlink a:visited {
	display:inline-block;
	text-decoration:none;
	padding:0 10px;
	background: #dde9f6 url(Images/bg-dg-header.gif) repeat-x 0 0;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.dg-btnlink a:hover {border-color:#666;}




/* -----------------------------------
		SEARCH
----------------------------------- */
.search-bar { height:4.5em; margin-bottom:10px;  }
.search-bar span.inp-box {float:left;}
.search-bar span.inp-box input {font-size:1.1em;}
.search-bar .btn-sml {float:left; margin:2px 0 0 0}


#menuCategories {padding:10px; margin-bottom:5px; border-top:1px dotted #666; border-bottom:1px dotted #666;}
#menuCategories table {width:98%;}
#menuCategories table td {padding:4px; vertical-align:top; width:25%;}
#menuCategories table td a:link,
#menuCategories table td a:visited
 {line-height:1.6em; font-size:1.2em; text-decoration:none; white-space:nowrap;}
#menuCategories table td a:hover {text-decoration:underline}
#menuCategories table td a span {color:green}



#gridContainer {padding:0 20px;}
#gridContainer h2 {font-size:1.6em; padding:5px 5px 8px 5px; margin-bottom:5px; background: url(Images/bg-set1.png) repeat-x scroll bottom;}
#gridContainer h2 a {text-decoration:none;}
#gridContainer .company-logo {max-width:180px; overflow:hidden; margin: 10px auto;}
#gridContainer .company-logo img {max-width:180px; margin:auto;}
#gridContainer .datagrid {font-size:100%; border:1px solid #eee; text-align:left; border-color:#fff;}
#gridContainer .datagrid td {font-size:1.3em; padding:10px; border-color:#fff;}

#gridContainer .side-a {float:left; width:25%; text-align:center;}
#gridContainer .side-b {float:left; width:70%;}

#gridContainer ul.contact-details li {line-height:1.4em; border-bottom:1px solid #eee; padding:3px 0}
#gridContainer ul.contact-details strong {width:7em; display:inline-block}

#gridContainer .datagrid tr:hover {background-color:white}

div.seperator {clear:both; height: 35px; background: url(Images/seperator.gif) no-repeat scroll center bottom;}
div.seperator hr {display: none;}


/* -----------------------------------
		LOGIN PAGE
----------------------------------- */

.login-form {padding-left:20px;}
.login-form legend {font-size:1.6em; padding:0 0 10px 0}
.login-form p {font-size:1.1em; padding:0 0 5px 10px;}
.login-form p label {color:#666; padding-left:6px;}
.login-form p .texta {padding:3px; font-size:1.3em;}
.login-form p .email {width:250px;}
.login-form p .password {width:100px;}
.login-form p label.lblResponseLogin {color:#f66 }


.login-form ul {font-size:1.1em; padding-left:15px;}
.login-form ul li {padding-bottom:10px;}

.content-side {float:left; width:40%;}

p.email-box {padding:20px 0 20px 80px; font-size:1.6em; white-space:nowrap; background: url(Images/sendEmail.gif) no-repeat 0 0;}
p.txt-sml {font-size:1.1em}
p.email-box .btn-sml {margin-top:10px; font-size:small; line-height:30px;}






A.linkButtonRate
{
	 text-decoration:none;
	 color: #6C86BB;
}


/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green 
 /
/
..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/
 
 
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 auto 20px auto;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */







/* -----------------------------------
		FOOTER
----------------------------------- */
#footer {
	width:100%;
	text-align:left;
	color:#666;
	clear:both;
}
#footer-content {
	margin-top:40px;
	padding:10px 0 20px 0;
	width:100%;
	min-height:8em;
	background: url(Images/bg-footer.gif) repeat-x top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#footer-content h3 {font-size:1.6em; padding-bottom:2px; margin-bottom:5px; border-bottom:1px dotted #ccc;}
#footer-content ul, #footer-content li {list-style-type:disc;}
#footer-content ul {padding-left:8px; margin-left:10px}
#footer-content li {padding:2px 0; font-size:1.1em;}

#get-started, #solutions, #resources, #community, #about {float:left; width:130px; margin-right:40px;}
#get-started {margin-left:46px;}

#copyright {clear:both; width:100%; color:#999; font-size:x-small; padding:20px 0; text-align:center;}