body {
  color: #333333;
  font-family: Arial, Sans-serif;
  font-size: 75%;
  line-height: 1em;
  background: #FFFFFF url(../img/bg.gif) repeat-y scroll center center;
}

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1,h2 {
  color: #333333;
}

h1 {
  font-size: 2em;
  line-height: 1em;
  padding-bottom: 0.2em;
}

h2 {
  font-size: 1.8em;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}

h3 {
  font-size: 1.5em;
  line-height: 1.4em;
  padding-bottom: 0.5em;
}

h4 {
  font-size: 1.2em;
  line-height: 2em;
  padding-bottom: 0.5em;
}

h5.bold, h6 { font-weight: bold;}

h5, h6 {
  font-size: 1.1em;
  line-height: 1.2em;
  padding-bottom: 0.8em;
}

p, ol, ul {
  font-size: 1em;
  line-height: 1.8em;
  padding-bottom: 1em;
}

.col1 h6 { font-size: 0.85em;}
.col2 h6 { padding-bottom: 0.2em; }

p.big {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

p.grey {
  color: #8B8B8B;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a {
  color: #0f8cc6;
}

p a { color: #0f8cc6; }
p a.current { color: #486D7F; text-decoration: underline; }

h4 a, h5 a, h6 a { font-weight: bold; }

p a.red, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover {
  text-decoration: underline;
}

.about { font-size: 1.1em; }

.hr { border-bottom: 1px solid #cccccc; margin-bottom: 1em; }
.hr hr { display: none; }


/* site layout */
#wrap {
  width: 980px;
  margin: 30px auto;
}

.inner {
  width: 926px;
  margin: auto;
}

#header {
  background: white url(../img/tag_line.gif) no-repeat scroll center right;
}

#header h1, #header h1 a {
  display: block;
  width: 220px;
  height: 37px;
  text-indent: -1000em;
  background: transparent url(../img/logo.gif) no-repeat scroll 0 0;
}

#nav {
  width: 966px;
  margin: auto;
  /*background-color: #4e4a4b;*/
  /*background: white url(../img/test.gif);*/
  color: white;
  height: 44px;
  margin-top: 25px;
  margin-bottom: 25px;
  z-index: 100;
}

#nav ul, #nav ul li,
.sub-nav ul, .sub-nav ul li { list-style: none; display: inline; }
#nav ul li a {
  /*color: white;*/
  width: 240px;
  height: 44px;
  overflow: hidden;
  display: block;
  float: left;
  /*text-align: center;*/
  text-indent: -1000em;
  background: transparent url(../img/nav-bar.gif) no-repeat scroll 0 -56px;
}

#nav ul li#nav-browse a {
  width: 243px;
  background-position: 0 -56px;
}
#nav ul li#nav-browse.current a,
#nav ul li#nav-browse a:hover {
  background-position: 0 0;
}

#nav ul li#nav-agencies a {
  width: 239px;
  background-position: -243px -56px ;
}
#nav ul li#nav-agencies.current a,
#nav ul li#nav-agencies a:hover {
  background-position: -243px 0;
}

#nav ul li#nav-submit a {
  width: 241px;
  background-position: -483px -56px ;
}
#nav ul li#nav-submit.current a,
#nav ul li#nav-submit a:hover {
  background-position: -483px 0;
}

#nav ul li#nav-about a {
  width: 242px;
  background-position: -725px -56px ;
}
#nav ul li#nav-about.current a,
#nav ul li#nav-about a:hover {
  background-position: -725px 0;
}

#nav { position: relative; }

#nav #cat-menu-container,
#nav #supplier-menu-container,
#nav #page-menu-container {
  /*position: relative;*/
  position: absolute;
  top: 44px;
  left: 4px;
}
#nav #supplier-menu-container { left: 243px; }
#nav #page-menu-container { left: 723px; }

#nav ul#cat-menu,
#nav ul#cat-menu li,
#nav ul#supplier-menu,
#nav ul#supplier-menu li,
#nav ul#page-menu,
#nav ul#page-menu li {
  list-style: none;
  background: none;
  display: block;

}

#nav ul#cat-menu,
#nav ul#supplier-menu,
#nav ul#page-menu {
  width: 237px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding-bottom: 0;
  z-index: 101;
}
#nav ul#supplier-menu { width: 235px; padding-bottom: 0.2em; }
#nav ul#page-menu { width: 235px; padding-bottom: 0.2em; }

#nav ul#cat-menu li,
#nav ul#supplier-menu li,
#nav ul#page-menu li {
  padding: 0 5px;
}

#nav ul#cat-menu li a,
#nav ul#supplier-menu li a,
#nav ul#page-menu li a {
  width: auto;
  background: none;
  display: inline;
  text-indent: 0;
  float: none;
  color: #4d4a4a;
}


#main {
  margin-bottom: 20px;
  z-index: 10;
}

#main.cols {
  background: #FFFFFF url(../img/cols-bg.gif) repeat-y scroll 704px 0;
}

#main .col1 {
  width: 685px;
  float: left;
}

#main .col2 {
  width: 200px;
  float: right;
}

.sub-nav {
  margin-bottom: 20px;
}

.sub-nav ul li a {
  display: block;
  float: left;
  width: 65px;
  height: 12px;
  margin-right: 20px;
  background: #FFFFFF url(../img/browse-nav.gif) no-repeat scroll 0 0;
  text-indent: -1000em;
}
.sub-nav ul li#nav-feat a {
  background-position: 0 0;
}
.sub-nav ul li#nav-feat.current a,
.sub-nav ul li#nav-feat a:hover {
  background-position: 0 -15px;
}
.sub-nav ul li#nav-new a {
  width: 55px;
  background-position: -85px 0;
}
.sub-nav ul li#nav-new.current a,
.sub-nav ul li#nav-new a:hover {
  background-position: -85px -15px;
}
.sub-nav ul li#nav-top a {
  width: 74px;
  background-position: -155px 0;
}
.sub-nav ul li#nav-top.current a,
.sub-nav ul li#nav-top a:hover {
  background-position: -155px -15px;
}
.sub-nav ul li#nav-rand a {
  width: 62px;
  background-position: -250px 0;
}
.sub-nav ul li#nav-rand.current a,
.sub-nav ul li#nav-rand a:hover {
  background-position: -250px -15px;
}


ul.cats li a {
  color: #666666;
}
ul.cats li ul.sub li ul.sub {
  margin: 0;
  padding: 0;
  padding-left: 1.2em;
}
ul.cats li ul.sub li a {
  display: block;
  text-indent: 4px;
}
ul.cats li ul.sub li a:hover,
ul.cats li ul.sub li a.current,
ul.cats li ul.sub li a.active {
  text-decoration: none;
  background-color: #DDDDDD;
}
ul.cats li ul.sub li ul li a  {
  background: none;
}
ul.cats li ul.sub li ul li a.current,
ul.cats li ul.sub li ul li a.active {
  text-decoration: none;
  background: none;
  font-weight: bold;
}
ul.cats li ul.sub li ul li a:hover {
  text-decoration: underline;
  background: none;
}

.gallery { }
.gallery .website {
  width: 210px;
  height: 195px;
  float: left;
  border: 1px solid #d8d8d8;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.gallery .website.third { margin-right: 0; }
.gallery .website:hover { border-color: #0f8cc6; }

.gallery .website .preview {
  margin: 10px;
  width: 190px;
  height: 175px;
  overflow: hidden;
}

.gallery .website .preview p {
  margin: 0;
  padding: 0 3px;
  font-size: 1em;
  line-height: 1.4em;
}
.gallery .website .preview p strong a { font-weight: bold; }
.gallery .website .preview .thumb { height: 135px; overflow: hidden; margin-bottom: 0px; }
/*.gallery .website .preview p img { margin-bottom: 5px; }*/

.gallery .website.tall { height: 210px; }
.gallery .website.tall .preview { height: 190px; }


ul.suppliers { font-size: 1.5em; line-height: 1.6em; }
ul.suppliers li { margin: 0; padding: 0; }

#footer {
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}

#footer p {
  font-size: 0.9em;
  letter-spacing: 1px;
  text-transform: uppercase;
}



.about form { margin-bottom: 1em; }

.about form label, .about form input.text, .about form textarea {
  display: block;
 
  /*float: left;*/

  font-size: 1.4em;
  line-height: 1em;
}

.about form label {
  margin-bottom: 0.1em;
}

.about form input.text {
  margin-bottom: 0.5em;
}
/*
.about form label {
  width: 15%;
}

.about form#form_recommend label {
  width: 24%;
}
*/

.about form input.text, .about form textarea, .about form select.dropdown {
  width: 75%;
  
  border: 1px solid #0F8CC6;
}

/*
.about form input#form_business_name.loading {
  background: white url(../img/input-loading.gif) no-repeat scroll 420px 2px;
}
*/

.about form button {
  background-color: #333333;
  color: #ffffff;
  font-size: 1.5em;

}


.alert, .validation-advice, .notif {
  border: 1px solid #E57F7F;
  color: #660000;
  background: #FFDEDC url(../img/alertbad.gif) no-repeat scroll 5px center;
  padding: 10px 10px 10px 40px;
  font-size: 1.1em;
  line-height: 1.4em;
  margin-bottom: 1em;
}

.notif {
  border: 1px solid #99CC99;
  color: #006600;
  background: #E2F9E3 url(../img/alertgood.gif) no-repeat scroll 5px center;
}

.alert a, .validation-advice a { color: #E57F7F; font-weight: bold; }

ul.unIndentedList {
  list-style-type: disc;
  list-style-position: inside;
}

/* star ratings */
/*.rabidRating {
  width: 110px;
  margin: auto;
}*/

.rabidRating .wrapper {	
	cursor: pointer;
	background: #ccc;
}

.rabidRating .wrapper {
	overflow: hidden;
}

.rabidRating span,.rabidRating .wrapper {
	display: block;
	width: 110px;
	height: 25px;
}

.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.rabidRating .ratingStars {
	display: block;
	background: url('../img/stars.png') no-repeat center;
}

.rabidRating .ratingFill {
	background-color: #0F8CC6;
}

.rabidRating .ratingVoted {
	cursor: default;
	background-color: #0069ff;
}

.rabidRating .ratingActive {
	background-color: #ffa800;
}

.rabidRating .ratingText {
	color: #000;
}

.rabidRating .ratingText.ratingError {
	color: #f00;	
}

.rabidRating .ratingText.loading {
	background: url('../img/ajax-loading.gif') no-repeat;
	text-indent: -999em;
}

/* gallery ratings */
/*.gallery .rating { margin: auto; width: 86px;}*/
.gallery .rating { margin-bottom: 3px; }
.gallery .rating .wrapper {	
	/*cursor: pointer;*/
	background: #ccc;
}

.gallery .rating .wrapper {
	overflow: hidden;
}

.gallery .rating span, .gallery .rating .wrapper {
	display: block;
	/*width: 86px;
	height: 21px;*/
	width: 69px;
	height: 17px;
}

.gallery .rating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.gallery .rating .ratingStars {
	display: block;
	background: transparent url('../img/stars_smaller.png') no-repeat scroll center;
}

.gallery .rating .ratingFill {
	background-color: #0F8CC6;
}


/* utility classes */

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.pb_half { padding-bottom: 0.5em !important; }

.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

.hidden { display: none !important; }


/* form check */
.fc-tbx .tl{
	background: url('../img/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../img/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../img/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../img/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../img/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../img/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../img/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../img/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../img/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('../img/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('../img/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}