body {
margin: 0px;
padding: 0px;
background: white;
}

body a {
outline: none;
}

a img {
	border:none;
}

a {
	color: #272727;
}

 a:hover {
	text-decoration:none;
}


/* ----------------------------------Common Styles ------------------------------------*/






/* ----------------------------------Helper Styles ------------------------------------*/


.clearLeft {
	clear:left;
}

.center {
	text-align:center;
}

/* ----------------------------------Helper Styles ------------------------------------*/







/*-------------------- header ---------------------- */

.header {
height: 200px;
width: 100%;
background: url(../images/header_bg.gif) no-repeat center top;
}

.headerInner {
height: 190px;
width: 900px;
margin: 0 auto;
background: url(../images/headerInner.jpg) no-repeat;
} 


.upDate {
height: 20px;
text-align: right;
font: 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.menu {
height: 30px;
text-align: right;
}

.menu a {
color: #181818;
font:bold 11px/30px Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin: 0px 10px 0px 10px;
}

.menu a:hover {
color: #718d54;
}

.logo {
height: 100px;
text-align: right;
margin-top: 50px;
}



/*-------------------- header ---------------------- */





.container {
width: 900px;
margin: 0 auto;
overflow: hidden;
background: url(../images/leftColumn.gif) repeat-y top left;
}

.leftCol {
width: 250px;
float: left;
background: url(../images/leftCol.jpg) no-repeat top right #f4efe9;
border-top: 1px solid white;
padding-bottom:10px;
}

.content {
float: right;
width: 635px;
padding-left: 15px;
color: #272727;
font: 11px/16px tahoma, Arial, verdana, sans-serif;
text-align: justify;
}

.content p {
color: #272727;
font: 11px/16px tahoma, Arial, verdana, sans-serif;
text-align: justify;
}

.content p a {
color: #a18455;
}
.content p a:hover {
text-decoration: none;
}
.content p span {
font-weight: bold;
display:block;
}


.content hr {
border: none;
color: #ebe2d9;
background: #ebe2d9;
height: 1px;
font-size: 0px;
line-height: 1px;
}


.titles {
width: 100%;
height: 45px;
background: url(../images/titleBg.gif) repeat-x;
border-bottom: 1px solid white;
}

.titles span {
color: #5d5d5d;
font: bold 13px/45px  Tahoma, Arial, Verdana, sans-serif;
text-transform:uppercase;
padding-left: 15px;
}


.rTitle {
color: #2f2f2f;
font: 14px/25px Arial, Helvetica, sans-serif;
}

.m {
font:bold 11px Arial, Helvetica, sans-serif;
color: black;
}


.sum {
color: #424242;
font: 12px/25px Arial, Helvetica, sans-serif;
}



/*--------------- index -------------------------*/


.qs {
width: 100%;
background: #f7f3ee;
overflow: hidden;
}

.qsLeft {
width: 359px;
float: left;
}

.sRow {
width: 360px;
clear: both;
height: 30px;
padding-left: 20px;
}

.sRow span {
display: block;
float: left;
color: #555555;
font: 11px/30px Arial, Helvetica, sans-serif;
width: 100px;
}

.sRow input, .sRow select {
float: left;
width: 200px;
}



.qsRight {
float: right;
width: 195px;
padding-right: 80px;
padding-top: 40px;
}

.qsRight a {
color: #555555;
font: 11px Tahoma, Arial, Verdana, sans-serif;
}
.sb {
width: 120px;
height: 40px;
border: none;
background: url(../images/qs.jpg) no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: white;
text-align: left;
cursor: pointer;
padding-left: 7px;
}


.sm {
width: 100%;
background: #f7f3ee;
overflow: hidden;
padding-bottom:10px;
color: #555555;
font: 11px tahoma, arial, verdana, sans-serif;
}

.smLeft {
float: left;
width: 180px;
text-align: center;
}

.smLeft span {
font: 11px tahoma, arial, verdana, sans-serif;
color: #2f2f2f;
}

.smLeft img {
margin: 0px 10px 10px 10px;
}


.smRight {
float: right;
width: 420px;
padding: 0px 10px 10px 10px;
}







/*--------------- index -------------------------*/










/*-------------------- search -------------------- */

.searchTable {
width: 635px;
}

.searchTable tr td{
border-bottom: 1px solid #ebe2d9;
}

.searchTable tr td select {
float: none;
width: auto;
margin-left: 10px;
}

.searchTable tr td span {
font: 12px Arial, Helvetica, sans-serif;
color: #2f2f2f;
}

.searchTable .filterType {
width: 180px;
}
.searchTable .filterType span {
font:bold 15px Arial, Helvetica, sans-serif;
color: #2f2f2f;
}

.searchTable .searchInfo {
text-align: right;
}
.searchTable .keywords{
width: 200px;
border: 1px solid #bea790;
}

.slideRow {
clear: left;
height: 20px;
line-height: 20px;
}
.slideRow div{
float: left;
}
.slideRow div span {
color: #555555;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
display: block;
padding-left: 2px;
}

#reviewAge {
border: 1px solid #bea790;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #555555;
}

.reviewDate {
font-style: italic;
color: #666666;
}

.viewComments {
padding-left: 20px;
background: url(../images/leftLi.gif) no-repeat center left;
color: #555555;
font: 11px/16px Tahoma, Arial, Verdana, sans-serif;
}




.catSelect div {
float: left;
}

#unselecCat, #selecCat {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #555555;
width:150px;
border: 1px solid #bea790;
}

.slideBar {
border: 1px solid #ccc;
height: 10px;
background:#D7CBBB;
width:265px;
}

.slideHandle {
background-color:#98846B;
width: 10px;
height: 10px;
cursor: pointer;
}

#quickSearch .keywords {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
width: 200px;
border: 1px solid #bea790;
}

#quickSearch #selecCat {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
width: 200px;
border: 1px solid #bea790;
}

#quickSearch #reviewAge {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
width: 200px;
border: 1px solid #bea790;
}

/*-------------------- search -------------------- */



/*-------------------- list filter Links-------------------- */


.sub span {
color: #595959;
font: 11px Arial, Helvetica, sans-serif;
display: inline;
}

.sub a {
color: black;
font: 11px/30px Arial, Helvetica, sans-serif;
}

.sub a:hover {
text-decoration:none;
}


/*-------------------- list filter Links -------------------- */



/* ----------------------------------Common Styles ------------------------------------*/









/*----------------------- Latest Reviews Table------------------------------- */

.recent {
width: 100%;
text-align: center;
}

.recent td {
height: 30px;
color: #555555;
font: 11px/30px Tahoma, Arial, Helvetica, sans-serif;
}

.recent td a {
color: #555555;
font: 11px/30px Tahoma, Arial, Helvetica, sans-serif;
}

tr.heading {
background: #ebe2d9;

}

tr.heading td {
color: black;
font:bold 11px/30px Tahoma, Arial, Helvetica, sans-serif;
}


tr.altRow {
background: #f7f3ee;
}

/*----------------------- Latest Reviews Table------------------------------- */






/*----------------------- Review Listings ------------------------------- */


.reviewLists span {
display:block;
float:left;
width:200px;
font-weight:normal;
}


.reviewLists #sortBy {
float:right;
display:block;
margin-right:10px;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
width: 100px;
border: 1px solid #bea790;
margin-top:15px;
}



/*----------------------- Review Listings ------------------------------- */





/*----------------------- Webmasters Area ------------------------------- */

.adminNav {
padding-left: 20px;
}

.adminNav a {
height: 16px;
padding-left: 20px;
background: url(../images/leftLi.gif) no-repeat center left;
margin-top: 5px;
display:block;
color: #555555;
font: 11px/16px Tahoma, Arial, Verdana, sans-serif;
}

.banners {
	margin:0 auto 0 auto;
	width:420px;
}

.banners div {
text-align:center;
float:left;
margin:0 5px 10px 5px;
width:200px;
}

.banners div a {
color: #a18455;
}
.banners div a:hover {
text-decoration: none;
}



/*----------------------- Webmasters Area ------------------------------- */





/* ------------------------ Left Column ----------------------- */


.topSites {
padding-left: 5px;
padding-right: 15px;
border-bottom: 1px solid white;
}
.topSites div {
height: 16px;
padding-left: 20px;
background: url(../images/leftLi.gif) no-repeat center left;
margin-top: 5px;
}

.topSites div.altLi {
height: 16px;
padding-left: 20px;
background: url(../images/leftLiAlt.gif) no-repeat center left #ebe2d9;
margin-top: 5px;
}

.topSites div span {
float: right;
color: #555555;
font: 11px/16px Tahoma, Arial, Verdana, sans-serif;
}


.topSites div  a {
float: left;
color: #555555;
font: 11px/16px Tahoma, Arial, Verdana, sans-serif;
}

.topSites div  a:hover {
color: black;
}

.leftTitles {
display: block;
text-transform: uppercase;
font:bold 12px/35px Arial, Helvetica, sans-serif;
height: 35px;
padding-left: 20px;
border-bottom: 1px solid white;
color: #5d5d5d;
}


.siteName {
padding-left: 5px;
padding-right: 15px;
padding-bottom: 15px;
border-bottom: 1px solid white;
overflow: hidden;
}

.siteName div {
padding-left: 10px;
padding-right: 10px;
clear: left;
}
.siteName div a {
display: block;
text-decoration:none;
text-transform:uppercase;
color: white;
font:bold 11px/18px Arial, Helvetica, sans-serif;
width: 18px;
height: 18px;
background: #45572d;
float: left;
margin: 2px;
text-align:center;
}


.siteName div a:hover {
background: #19240a;
}
.siteName div a.numbs {
font: 10px/18px Arial, Helvetica, sans-serif;
}





.cats {
padding-left: 5px;
padding-right: 15px;
}
.cats div {
height: 16px;
padding-left: 20px;
background: url(../images/leftLi.gif) no-repeat center left;
margin-top: 5px;
}

.cats div.altLi {
height: 16px;
padding-left: 20px;
background: url(../images/leftLiAlt.gif) no-repeat center left #ebe2d9;
margin-top: 5px;
}


.cats div  a {
color: #555555;
font: 11px/16px Tahoma, Arial, Verdana, sans-serif;
}

.cats div  a:hover {
color: black;
}


/* ------------------------ Left Column ----------------------- */












/* ---------------- footer ----------------------------- */

.footer {
width: 100%;
height: 70px;
background: #1f231b;
border-top: 1px solid white;
}

.footerInner {
width: 900px;
margin: 0 auto;
background: url(../images/footer.jpg) no-repeat center top;
text-align:center;
height: 70px;
}


.footerInner  a {
color: white;
text-transform: uppercase;
font: 11px/70px Arial, Helvetica, sans-serif;
margin: 0px 25px 0px 25px;
}

.footerInner  a:hover {
color: #9ec26f;
}

/* ---------------- footer ----------------------------- */





.review {
width: 100%;
overflow: hidden;
padding:5px 0 10px 0;
}


.sub p {
background: #ebe2d9;
padding: 10px;
margin: 0px;
}


.sub p span {
color: #595959;
font: 12px Arial, Helvetica, sans-serif;
display: inline;
}


.sub p a {
color: black;
font: 12px Arial, Helvetica, sans-serif;
}


.review .smLeft img {
margin: 0px 5px 5px 5px;
}

.by {
color: #555555;
font: 11px/20px Tahoma, Arial, Helvetica, sans-serif;
padding-left: 10px;
}

.rs {
width: 100%;
overflow: hidden;
}

.rs div span {
display: block;
font: 13px/30px Arial, Helvetica, sans-serif;
color: #2f2f2f;
}
.rs div div {
clear: both;
height: 15px;
width: 200px;
}


.rs div div span {
display: inline;
float: right;
font: 11px/15px Arial, Helvetica, sans-serif;
color: black;
}

.rs div div p {
margin: 0px;
padding: 0px;
float: left;
font: 11px/15px Arial, Helvetica, sans-serif;
color: #555555;
}

.rs div .overall {
text-align: center;
overflow: hidden;
height:auto;
}
.rs div .overall  span {
float: none;
}

.rates {
float: left;
width: 200px;
}

.samples {
float: right;
width: 400px;
}

.samples table td {
height: 180px;
}

.samples img {
border: 1px solid #6f6f6f;
margin-left: 7px;
}























/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 11px Arial, helvetica, Verdana, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;

}

.shadetabs li a{
position: relative;
z-index: 1;
padding: 5px 15px 3px 15px;
margin-right: 3px;
/*border: 1px solid #778;*/
color: #2d2b2b;
/*background: white url(../images/shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(../images/shadeactive.gif);*/
border-left:1px solid #deccba; 
border-right:1px solid #deccba;
border-top:1px solid #deccba;  
border-bottom:1px solid #f4efe9; 
background: #f4efe9;
text-decoration: none;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.tabHolder {
border:1px solid #deccba; 
width:95%; 
margin-bottom: 1em; 
padding: 10px;
background: #f4efe9;
}






.feat {
width: 100%;
overflow:hidden;
}

.feat div {
width: 550px;
padding-left: 80px;
padding-right: 5px;
}

.feat div span {
font:bold 12px/25px Arial, Helvetica, sans-serif;
color: #191919;
}
.feat div p {
margin: 0px;
padding: 0px;
font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
color: black;
}
.feat div p span{
font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
color: #555555;
display: inline;
}



.pf {
background: url(../images/pf.jpg) no-repeat left center;
}

.vf {
background: url(../images/vf.jpg) no-repeat left center;
}

.gf {
background: url(../images/gf.jpg) no-repeat left center;
}

.alphabetic {
text-align: center;
}


.browseName {
color: #2a2a2a;
text-decoration: underline;
padding-left: 8px;
background: url(../images/browseName.gif) no-repeat left center;
font: 11px tahoma, verdana, sans-serif;
}

a..browseName {
text-decoration: underline;
}

span.browseName {
text-decoration: none;
}










.pages {
width: 635px;
}


.pages .prevBtn {
width: 70px;
text-align: center;
}


.pages .prevBtn a {
text-decoration: underline;
color: #442e1c;
font: 11px/35px tahoma, verdana, sans-serif;
}

.pages .prevBtn a:hover {
text-decoration: none;
}

.pages .prevBtn span{
text-decoration: none;
color: #cccccc;
font: 11px/35px tahoma, verdana, sans-serif;
}

.pages .nextBtn {
width: 70px;
text-align: center;
}


.pages .nextBtn a {
text-decoration: underline;
color: #442e1c;
font: 11px/35px tahoma, verdana, sans-serif;
}
.pages .nextBtn a:hover {
text-decoration: none;
}

.pages .nextBtn span{
text-decoration: none;
color: #cccccc;
font: 11px/35px tahoma, verdana, sans-serif;
}


.pages .pagingCell {
width: 495px;
text-align: center;
}


.pages .pagingCell a {
text-decoration: none;
padding: 3px;
color: #442e1c;
font: 11px tahoma, verdana, sans-serif;
}

.pages .pagingCell span {
text-decoration: none;
padding: 3px;
color: #442e1c;
font: 11px tahoma, verdana, sans-serif;
}

.pages .pagingCell a:hover {
text-decoration:underline;
}














div.paging div {
width: 490px;
float: left;
}

div.paging div p {
text-align: center;
padding:10px;
margin:0px;
width: 490px;
}


div.paging p a {
text-decoration: none;
padding: 3px;
color: #442e1c;
}
div.paging p a:hover {
text-decoration:underline;
}

div.paging p span {
color:#CCCCCC;
padding: 3px;
display:inline;
font-weight:normal;
}

a.prev {
text-decoration: underline;
color: #442e1c;
font: 11px/35px tahoma, verdana, sans-serif;
float: left;
width: 70px;
display:block;
}
a.prev:hover {
color: #666666;
}
a.next {
text-decoration: underline;
color: #442e1c;
font: 11px/35px tahoma, verdana, sans-serif;
float: left;
width: 70px;
display:block;
text-align: right;
}
a.next:hover {
color: #666666;
}

span.prev {
color:#CCCCCC;
font: 11px/35px tahoma, verdana, sans-serif;
float: left;
width: 70px;
display:block;
text-align: right;
}

span.next {
color:#CCCCCC;
font: 11px/35px tahoma, verdana, sans-serif;
float: left;
width: 70px;
display:block;
text-align: right;
}

.nameNfo {
font: 11px/20px tahoma, verdana, sans-serif;
color: #5d5d5d;
padding-left: 10px;
}


/* Validation ------------------------------ */

#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background:url(../images/msg_arrow.gif) 
	left center no-repeat; 
	padding-left:7px
}

#msgcontent {
	font: 9px Helvetica, Arial, Verdana, sans-serif;
	display:block; 
	background:#f3e6e6; 
	border:2px solid #924949; 
	border-left:none; 
	padding:5px; 
	min-width:150px; 
	max-width:250px
}

.formErrors {
	font-size:10px;
	color:#FF0000;
}

/* Validation ------------------------------ */


/* Forms Styles ---------------------------*/


form.wForms fieldset {
  border: none;
}

form.wForms legend {
  padding: 0 2px;
  font-weight: bold;  
}

form.wForms label {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font: 11px Arial, Helvetica, sans-serif;
}

form.wForms fieldset ol {
  margin: 0;
  padding: 0;
}

form.wForms fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.wForms fieldset li a {
	color: #272727;
}

form.wForms fieldset li a:hover {
	text-decoration:none;
}

form.wForms li input, textarea {
border: 1px solid #79866c;
}

form.wForms li input:focus, textarea:focus {
border: 1px solid #c7d0be;
}

form.wForms li button.calendar {
float: none !important; 
vertical-align:middle;
}

form.wForms li span {
font:italic 11px Arial, Helvetica, sans-serif;
color: #999999; 
}

form.wForms em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.wForms label {
  width: 120px; /* Width of labels */
}

