body {

margin: 0;

background-position: center top;

background-repeat: no-repeat;

text-align: center;

color: #343434;

font-family: "Trebuchet MS";

font-size: 13px;

line-height: 22px;

background-color: #fff;

}

body.orange {

background-image:  url("../images/bg-orange.jpg");

}

body.green {

background-image:  url("../images/bg-green.jpg");

}

body.red {

background-image:  url("../images/bg-red.jpg");

}

body.yellow {

background-image:  url("../images/bg-yellow.jpg");

}

body.leaf {

	background-image: url("../images/bg-leaf.jpg");

}

a {

color: #ed6712;

font-weight: bold;

}

a:visited {

color: #ed6712;

}

a:hover {

	text-decoration: none;

	color: #888;

}

a img {

border: 0;

}

table {

	margin-bottom: 20px;

}

tr.odd{

	background-color: #ccf;

}

blockquote {

	font-size: 88%;

	color: #777;

	padding-left: 23px;

	background: url(../images/quotemarks.gif) no-repeat 0 3px;

}

fieldset {

	width: 400px;

	margin: 0;

	padding: 1em;

	border: 1px solid #9e9e8a;

}



legend {

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	padding: 5px;

	color: #333;

}



label {

	font-weight: bold;

}



input, textarea, select {

	border-top: 1px solid #666;

	border-left: 1px solid #666;

	border-bottom: 2px solid #333;

	border-right: 2px solid #333;

	background: #f5f5f5;

	padding: 2px;

	color: #444;

	font-weight: bold;

}



#topflash {

width: 100%;

top: 0px;

left: 0px;

background-color: #444;

color: #fff;

padding: 8px 0px 8px 0px;

font-size: 12px;

}

#topflash a {

color: #fff;

}

#content {

border: 1px solid #000;

width: 661px;

margin: 0 auto;

text-align: left;

padding-left: 31px;

padding-bottom: 22em;

clear: both;

}

#content* {

position:relative;

}

#nav {

background-color: #171717;

width: 663px;

margin: 0 auto;

text-align: left;

height: 30px;

padding-left: 31px;

padding-top: 12px;

color: #fff;

font-family: Arial;

font-size: 11px;

}

#nav* {

position:relative;

}

#header {

width: 693px;

margin: 0 auto;

margin-top: 30px;

text-align: left;

padding-left: 50px;

padding-bottom: 10px;

}

p {

margin: 0;

}

p.price {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #7E7E7E;

}

ul.nav {

padding: 0;

margin: 0;

list-style-type: none;

width: 100%;

}

ul.nav li {

display: block;

float: left;

}

ul.nav li a {
	display: block;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 25px;
	color: #fff;
	text-decoration: none;

}

ul.nav li a:visited {

color: #fff;

}

ul.nav li a:hover {

text-decoration: underline;

}

ul.nav li a.nav-active-blog, ul.nav li a.nav-active-newtest {

/* orange */

color: #ED6712;

font-weight: bold;

cursor: default;

}

ul.nav li a.nav-active-home, ul.nav li a.nav-active-view, ul.nav li a.nav-active-login {

/* green */

color: #5EB01A;

font-weight: bold;

cursor: default;

}

ul.nav li a.nav-active-features, ul.nav li a.nav-active-clienthome, ul.nav li a.nav-active-account {

/* red */

color: #DD3627;

font-weight: bold;

cursor: default;

}

ul.nav li a.nav-active-signup, ul.nav li a.nav-active-stats {

/* yellow */

color: #E8C303;

font-weight: bold;

cursor: default;

}

ul.nav li a.nav-active-home:visited, ul.nav li a.nav-active-view:visited, ul.nav li a.nav-active-login:visited {

/* green */

color: #5EB01A;

}

ul.nav li a.nav-active-blog:visited, ul.nav li a.nav-active-newtest:visited {

/* orange */

color: #ED6712;

}

ul.nav li a.nav-active-features:visited, ul.nav li a.nav-active-clienthome:visited, ul.nav li a.nav-active-account:visited {

/* red */

color: #DD3627;

}

ul.nav li a.nav-active-signup:visited, ul.nav li a.nav-active-stats:visited {

/* yellow */

color: #E8C303;

}

ul.nav li a.nav-active-blog:hover, ul.nav li a.nav-active-home:hover, ul.nav li a.nav-active-features:hover, ul.nav li a.nav-active-signup:hover, ul.nav li a.nav-active-clienthome:hover, ul.nav li a.nav-active-view:hover, ul.nav li a.nav-active-login:hover, ul.nav li a.nav-active-account:hover, ul.nav li a.nav-active-newtest:hover, ul.nav li a.nav-active-stats:hover {

text-decoration: none;

}

.footer {

width: 661px;

margin: 0 auto;

text-align: left;

height: 45px;

padding-right: 31px;

padding-top: 12px;

color: #fff;

font-family: Arial;

font-size: 11px;

border-right: 1px solid #000;

border-left: 1px solid #000;

border-bottom: 1px solid #000;

text-align: right;

}

.footer-orange {

background-color: #ed6712;

}

.footer-green {

background-color: #5EB01A;

}

.footer-red {

background-color: #dd3627;

}

.footer-yellow {

background-color: #e8c303;

}

.footer p a {

color: #fff;

}

.footer p a:visited {

color: #fff;

}

.footer p {

	font-size: 12px;

	font-weight: bold;

}

h5 {

margin: 0;

font-weight: bold;

font-size: 18px;

color: #fff;

font-family: Arial;

}

h1 {

margin: 0;

padding-top: 0px;

font-family: Arial;

font-size: 24px;

line-height: 34px;

color: #7E7E7E;

letter-spacing: -0.04em;

margin-bottom: 8px;

}

h1.nostrong {

font-weight: normal;

}

h2 {

margin: 0;

padding-top: 0px;

padding-bottom: 10px;

font-family: "Trebuchet MS";

font-size: 18px;

color: #3c3c3c;

}

h2.dateposted {

margin-top: 20px;

margin-bottom: 7px;

color: #CACACA;

}

h4 {

font-size: 13px;

}

.sidebar h2 {

margin-bottom: 8px;

}

.sidebar h4 {

font-size: 12px;

margin-bottom: -3px;

line-height: normal;

}

.sidebar h3 {

color: #7B9D25;

font-size: 14px;

margin-bottom: -10px;

letter-spacing: -0.04em;

font-family: Arial;

}

h3 {

color: #7B9D25;

font-size: 14px;

margin: 0;

letter-spacing: -0.04em;

padding-bottom: 10px;

font-family: Arial;

}

h3 a {

text-decoration: none;

color: #7E7E7E;

}

h3 a:hover {

text-decoration: underline;

}

#middlecol {

float: left;

margin-top: 25px;

width: 635px;

}

#leftcol {

width: 435px;

float: left;

margin-top: 25px;

}

#rightcol {

width: 165px;

float: right;

padding: 25px 25px 0px 25px;

background-image:url("../images/sidebar-bg.gif");

background-repeat:repeat-x;

}

#rightcol ul {

margin: 0;

margin-bottom: 15px;

padding-left: 15px;

}

.abouttext {

margin-top: 20px;

font-size: 11px;

line-height: 18px;

}

.link-note {

font-size: 11px;

margin-top: 15px;

}

.sidebar p {

font-size: 11px;

line-height: 18px;

margin-top: 7px;

margin-bottom: 20px;

}

.sidebar {

font-size: 11px;

}

hr.bot {

display: block;

clear: both;

margin: 0;

visibility: hidden;

}

p.posted {

margin-top: 7px;

margin-bottom: 30px;

color: #7E7E7E;

}

#trackbacks {

margin-top: 25px;

}

#comments {

margin-top: 25px;

}

p {

margin-bottom: 13px;

}

label.loginform {

width: 55px;

float: left;

text-align: right;

margin: 0 10px 10px 0;

clear: both;

}

label.signupform {

width: 130px;

float: left;

text-align: right;

margin: 0 10px 10px 0;

clear: both;

}

.input-box {

margin-bottom: 10px;

}

.btn-align {

margin-left: -5px;

}

.signup-submit-button {

padding-left: 135px;

margin-left: 0px;

margin-top: 10px;

clear: both;

}

.submit-button {

padding-left: 60px;

margin-left: 0px;

margin-top: 10px;

clear: both;

}

.check-box {

margin-left: 65px;

float: left;

clear: left;

}

label.check-box-label {

width: auto;

float: left;

text-align: left;

margin: -2px 0 0 4px;

clear: right;

}

.signupformform {

margin-top: 15px;

}

.formtext {

margin-left: 140px;

margin-top: 0px;

clear: both;

display: block;

font-size: 11px;

line-height: normal;

}

.error {

color: #CC0000;

font-weight: bold;

margin-top: 10px;

}

#results h2 {

padding: 8px 10px 8px 12px;

}

#tabs {

margin-left: 12px;

padding-left: 0;

display: inline;

} 

#tabs li {

margin-left: 0;

margin-bottom: 0;

list-style: none;

display: inline;

font-size: 12px;

}

#tabs li a {

padding: 3px 14px 4px;

background-color: #444;

color: #fff;

text-decoration: none;

font-weight: normal;

}

#tabs li a:hover {

background-color: #fff;

color: #333;

}

#tabs li a.active {

background-color: #fff;

color: #333;

cursor: default;

}

#results {

background-color: #E6E6E6;

border: 1px solid #BBB;

margin-top: 17px;

}

.results-content {

margin-top: 2px;

background-color: #fff;

padding: 10px 10px 10px 12px;

}

.result img {

border: 1px solid #BBB;

margin-right: 5px;

float: left;

}

.result {

margin-bottom: 14px;

margin-top: 5px;

height: 75px;

clear: both;

}

.result-details h4 {

margin: 0;

}

.result-details {

padding: 4px 4px 4px 7px;

float: left;

width: 180px;

line-height: normal;

}

.result-details p {

margin-top: 5px;

font-size: 11px;

}



/* tabs */

#results-content-browsers { display: none }

#results-content-resolutions { display: none }

#results-content-colors { display: none }

#results-content-speed { display: none }

#results-content-access { display: none }

#results-content-settings { display: none }



.clickable {

cursor: pointer;

}

.unclickable {

cursor: default;

}

.content-leftcol, .content-rightcol {

width: 49%;

float: left;

}

table.stats {

border: none;

border-collapse: collapse;

width: 100%;

margin: 15px 0 0 0;

}

table.stats td {

padding: 3px;

}

.table-header td {

background-color: #DDD;

font-weight: bold;

}

.table-note {

font-size: 11px;

color: #999;

text-align: right;

}

form {

margin: 0;

padding: 0;

}

h2.quotes {

padding: 4px 5px 4px 8px;

background-color: #EDEDED;

margin-top: 12px;

color: #545454;

}



h2.quotes a {

font-weight: normal;

font-size: 11px;

letter-spacing: normal;

}



#appscreenshot {

float: left;

padding-right: 15px;

margin-top: 20px;

}



#sidecol {

float: left;

width: 200px;

margin-top: 17px;

}

#sidecol h3 {

font-size: 16px;

padding-bottom: 2px;

letter-spacing: -0.03em;

}



#navbtn {

margin-top: 8px;

margin-bottom: 8px;

border: 1px solid #000;

}

.sidebar li {

margin: 0px;

line-height: 150%;

margin-bottom: 8px;

}

.demobox, .infobox {

padding: 12px;

background-color: #EDEDED;

border: 1px solid #CCC;

font-weight: bold;

}

.infobox {

font-weight: normal;

}

.weak {

color: #7E7E7E;

}



.btnalign {

margin-left: -10px;

}



.smalltext {

font-size: 11px;

}



.result-top {

width: 100%;

padding-bottom: 25px;

margin-bottom: 11px;

border-bottom: 1px solid #CCC;

}

.result-window-header, .result-fullpage-header {

width: 108px;

float: left;

color: #888;

}

.errormsg {

color: #CC0000;

}



.pricestable {

border-collapse: collapse;

margin-bottom: 25px;

}

.pricestable td {

padding: 5px;

width: 96px;

font-size: 12px;

text-align: center;

border-spacing: 0px;

border: 1px solid #DDD;

}

.pricestable td.table-leftcol {

width: 95px;

font-size: 12px;

text-align: right;

font-weight: bold;

}

.pricestable td.table-header {

font-weight: bold;

font-size: 12px;

background-color: #EEE;

}

.bestvaluestar {

position: relative;

top: 38px;

left: 89px;

margin-top: -40px;

z-index: 100;

}

.screen {

float: right;

margin-left: 10px;

margin-bottom: 10px;

border: 1px solid #DDD;

}

.loginbox {

background-color: #EDEDED;

padding: 8px 8px 8px 14px;

}

.sidebar form {

margin-top: -15px;

margin-bottom: 15px;

}

.sidebar form input {

font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

.sidebar form input.emailbox {

width: 100%;

}

p.newsletter {

margin-top: -7px;

}

.subbtn {

margin-left: -5px;

margin-top: 3px;

}

.invisible {

visibility: hidden;

}

.invisible img {

visibility: hidden;

}

img.border {

	border: 1px solid #666;

	padding: 5px;

}

img.download {

float: left;

margin-right: 9px;

position: relative;

top: -5px;

}

h2.download {

float: left;

}

p.download {

}

.cssvista-shot {

border: 1px solid #BBB;

}

p.offerbox {

background-color: #fffdd5;

padding: 15px;

}

p.offerbox strong {

font-size: 16px;

}

p.offerbox span.weak {

font-size: 11px;

}

#navlist

{

padding: 3px 0;

margin-left: 0;

border-bottom: 1px solid #6c6;

font: bold 12px Verdana, sans-serif;

}



#navlist li

{

list-style: none;

margin: 0;

display: inline;

}



#navlist li a

{

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #6c6;

border-bottom: none;

background: #cfc;

text-decoration: none;

}



#navlist li a:link { color: #448; }

#navlist li a:visited { color: #667; }



#navlist li a:hover

{

color: #000;

background: #fff;

border-color: #6c6;

}



#navlist li a#current

{

background: white;

border-bottom: 1px solid white;

color: #000;

}



#navlist li#active {

	font-size: 15px;

}



/* ---( contact form )------------------------------------ */

#contactform input, #contactform textarea, #contactform select {

	border: 1px solid #ccc;

	background: #f5f5f5;

	padding: 2px;

	color: #444;

}



#contactform textarea {

	width: 320px;

	font-size: 110%;

}



/* promo box

----------------------------------------------- */

  

#promopics {

  position:relative;

  margin-top:0;

  }

  

#promopics ul {

  position:relative;

  margin:0;

  padding:0 0 1em;

  height:20px;

  }

  

#promopics li {

  float:left;

  display:block;

  width:175px;

  height:98px;

  background-position:left top;

  margin: 0;

  padding:0;

  list-style-type:none;

  }

  

#promopics li a {

  display:block;

  width:175px;

  height:98px;

  border-width:0;

  background-repeat:no-repeat;

  background-position:left top;

  }

  

#promopics li.body a {background-image: url(../images/navBody.jpg); border: 1px solid #666;}

#promopics li.facial a {background-image: url(../images/navFacial.jpg); border: 1px solid #666;}

#promopics li.manicure a {background-image: url(../images/navManicure.jpg); border: 1px solid #666;}

#promopics li.massage a {background-image: url(../images/navMassage.jpg); border: 1px solid #666;}

#promopics li.pedicure a {background-image: url(../images/navPedicure.jpg); border: 1px solid #666;}

#promopics li.spa a {background-image: url(../images/navSpa.jpg); border: 1px solid #666;}

#promopics li.waxing a {background-image: url(../images/navWaxing.jpg); border: 1px solid #666;}

#promopics li.makeup a {background-image: url(../images/navMakeup.jpg); border: 1px solid #666;}

#promopics li.gcs a {background-image: url(../images/navTeen.jpg); border: 1px solid #666;}



#promopics li.body a:hover

  {border: 1px solid #c00;}

#promopics li.facial a:hover

  {border: 1px solid #c00;}

#promopics li.manicure a:hover

  {border: 1px solid #c00;}

#promopics li.massage a:hover

  {border: 1px solid #c00;}

#promopics li.pedicure a:hover

  {border: 1px solid #c00;}

#promopics li.spa a:hover

  {border: 1px solid #c00;}

#promopics li.waxing a:hover

  {border: 1px solid #c00;}

#promopics li.makeup a:hover

  {border: 1px solid #c00;}

#promopics li.gcs a:hover

  {border: 1px solid #c00;}

  

#promopics li.body

  {border: 0px; margin: 2px;}

#promopics li.facial

  {border: 0px; margin: 2px;}

#promopics li.manicure

  {border: 0px; margin: 2px;}

#promopics li.massage

  {border: 0px; margin: 2px;}

#promopics li.pedicure

  {border: 0px; margin: 2px;}

#promopics li.spa

  {border: 0px; margin: 2px;}

#promopics li.waxing

  {border: 0px; margin: 2px;}

#promopics li.makeup

  {border: 0px; margin: 2px;}

#promopics li.gcs

  {border: 0px; margin: 2px;}  

  

  

/* side promo box

----------------------------------------------- */

  

#sidepromopics {

  position:relative;

  margin-top:0;

  }

  

#sidepromopics ul {

  position:relative;

  margin:0;

  padding:0 0 1em;

  height:20px;

  }

  

#sidepromopics li {

  float:left;

  display:block;

  width:140px;

  height:48px;

  background-position:left top;

  margin: 0;

  padding:0;

  list-style-type:none;

  }

  

#sidepromopics li a {

  display:block;

  width:140px;

  height:48px;

  border-width:0;

  background-repeat:no-repeat;

  background-position:left top;

  }

  

#sidepromopics li.body a {background-image: url(../images/navBody-sm.jpg); border: 1px solid #000;}

#sidepromopics li.facial a {background-image: url(../images/navFacial-sm.jpg); border: 1px solid #000;}

#sidepromopics li.manicure a {background-image: url(../images/navManicure-sm.jpg); border: 1px solid #000;}

#sidepromopics li.massage a {background-image: url(../images/navMassage-sm.jpg); border: 1px solid #000;}

#sidepromopics li.pedicure a {background-image: url(../images/navPedicure-sm.jpg); border: 1px solid #000;}

#sidepromopics li.spa a {background-image: url(../images/navSpa-sm.jpg); border: 1px solid #000;}

#sidepromopics li.waxing a {background-image: url(../images/navWaxing-sm.jpg); border: 1px solid #000;}



#sidepromopics li.body a:hover

  {border: 1px solid #c00;}

#sidepromopics li.facial a:hover

  {border: 1px solid #c00;}

#sidepromopics li.manicure a:hover

  {border: 1px solid #c00;}

#sidepromopics li.massage a:hover

  {border: 1px solid #c00;}

#sidepromopics li.pedicure a:hover

  {border: 1px solid #c00;}

#sidepromopics li.spa a:hover

  {border: 1px solid #c00;}

#sidepromopics li.waxing a:hover

  {border: 1px solid #c00;}

  

#sidepromopics li.body

  {border: 0px; margin: 5px;}

#sidepromopics li.facial

  {border: 0px; margin: 5px;}

#sidepromopics li.manicure

  {border: 0px; margin: 5px;}

#sidepromopics li.massage

  {border: 0px; margin: 5px;}

#sidepromopics li.pedicure

  {border: 0px; margin: 5px;}

#sidepromopics li.spa

  {border: 0px; margin: 5px;}

#sidepromopics li.waxing

  {border: 0px; margin: 5px;}

  



/*-------------------------------------------------

FLASHES

-------------------------------------------------*/



#Flash {

	text-align: left;

	border: 1px solid #ccc;

	padding: 5px 5px 5px 30px;

	font-size: 14px;

	margin: 0 auto 12px auto;

  margin-right: 7px;

}



.login #Flash {

  margin-top: 12px;

  font-size: 12px;

}



#Flash.good {

	border-color: #9c9;

	color: #060;

	background: url(../images/alertgood_icon.gif) #E2F9E3 left no-repeat;

}



#Flash.bad {

	border-color: #c99;

	color: #fff;

	background: url(../images/alertbad_icon.gif) #c00 left no-repeat;

}



.coupon {

	border: 2px dashed #000;

	margin: 10px;

	padding: 5px;

}



.new {

	color: #990000;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-left: 8px;

	letter-spacing: 1.5px;

}