body {
font-family: arial, helvetica, sans serif; 
font-size: small; 
margin: 5px auto; 
background: url(/new/images/bg_grad.gif) repeat-x #c3ceda;
}

img { 
border: 0;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
color: #0054c2;
}

a.noline {
text-decoration: none;
}

form { 
padding: 0; 
margin: 0;
}

h1 {
font-size: 210%;
}

h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 160%;
font-weight: normal;
}

h2 strong {
font-weight: normal;
color: #0054c2;
}

h3 {
font-size: 110%;
font-weight: bold;
color: #0054c2;
}

h3.caption {
margin: 0px 0px 0px 3px;
padding: 0;
}

p.caption {
margin: 5px 0px 20px 3px;
padding: 0;
}

dl {
margin: 0;
padding: 0;
}

dt {
float: left;
clear: left;
text-align: right;
margin: 3px 5px 0 0;
width: 150px;
font-size: 90%;
font-weight: bold;
}

dd {
margin-bottom: 5px;
font-size: 11px;
}

input.rbutton {
margin: 10px 0 15px 250px;
}

.accountinfo dt {
margin: 5px 10px 0 0;
width: 160px;
}

.accountinfo input {
width: 180px;
}


#container {
margin: 0 auto;
width: 861px;
}

#container h1 {
font-weight: normal;
width: 450px;
margin: 0;
padding: 10px 0 0 20px;
}

#header {
background: url(/new/images/header_bg.jpg) no-repeat #fff;
height: 168px;
}

#header.small {
background: url(/new/images/header_bg_sml.jpg) no-repeat #fff;
height: 118px;
}

#bar {
background: url(/new/images/logo.jpg) no-repeat #937143;
height: 20px;
padding: 0 0 13px 0;
margin: 0;
color: #fff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

#quote {
font-size: 90%;
float: right;
padding: 13px 40px 0 0;
}

#bar a { 
float: right;
padding: 13px 10px 0 0;
color: #fff;
}

.homelink {
float: left;
width: 140px;
}

a.homelogo {
display: block;
height: 20px;
width: 120px;
border: none;
padding: 0px;
}

#main {
float: left;
margin: 0px;
width: 841px;
padding: 10px;
background-color: #fff;
}

#lhs p {
margin-left: 20px;
}

#lhs {
float: left;
width: 603px;
margin: 0;
padding: 0 10px 0 0;
}

#innerlhs {
float: left;
width: 330px;
}

#innerlhs h3 {
padding: 0;
margin: 0;
font-weight: normal;
}

#innerlhs a:hover {
text-decoration: underline;
}

#faceshape {
min-height: 80px;
}

#faceshape img {
float: left;
margin: 0 10px 0 0;
}

#faceshape a:hover {
color: red;
}

.feature {
clear: both; /* clear the #faceshape div for IE, which doesn't support min-height */
min-height: 60px;
}

.feature a:hover {
color: red;
}

.feature img {
float: left;
padding: 0 10px 0 0;
}

#salonmodule {
margin: 35px 0 20px 0;
float: left;
width: 216px;
background: url(/new/images/salon_bg.jpg) no-repeat;
padding: 2px 0 0 120px;
color: #fff;
font-size: 100%;
}

#salonmodule p {
margin: 5px 0 10px 0;
font-size: 90%;
}

#salonmodule a {
color: #fff;
text-decoration: underline;
}

#salonmodule h3 {
color: #fff;
}

#innerrhs {
float: right;
width: 270px;
}

#stylelist {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}

#stylelist li {
padding: 0;
margin: 0;
// border: 1px solid #fff;
}

#stylelist a {
display: block;
margin: 0;
padding: 5px 0px 5px 30px;
font-size: 110%;
}

#stylelist a:hover {
background: url(/new/images/redarrows.gif) no-repeat 0 7px;
color: red;
text-decoration: underline;
}

#rhs {
float: right;
width: 218px;
margin: 0;
padding: 0 0 0 10px;
}

#message {
background: url(/new/images/message_bg.jpg) no-repeat;
height: 250px;
margin: 40px 0 20px 0;
padding: 10px 0 0 0;
color: #fff;
}

#message.priv {
background: url(/new/images/message_priv_bg.jpg) no-repeat;
margin: 10px 0 20px 0;
height: 277px;
}

#message h2 {
padding: 0 0 10px 10px;
margin: 0 0 0 0;
}

#message img {
margin: 5px 0 0 20px;
}

#message a {
color: #fff;
text-decoration: underline;
}

#message p {
font-size: 85%;
margin: 0 10px 10px 55px;
}

#message p.ident {
margin: 0 70px 10px 10px;
}

#footer {
padding: 0 0 10px 0;
margin: 0 0 0 0;
clear: both;
text-align: center;
color: #909bad;
background: url(/new/images/footer_curve.gif) bottom no-repeat #c3ceda;
}

#credits {
font-size: 70%;
}

#nav {
float: left;
color: #909bad;
width: 100%;
margin: 0;
padding: 10px 0;
border-top: 2px solid #c3ceda;
background-color: #fff;
list-style: none;
}

#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
float: left;
display: block;
margin: 0 1px 0 0;
padding: 0 9px;
font-size: 90%;
color: #909bad;
border-right: 1px solid #909bad;
text-decoration: none;
}

#nav a:hover {
text-decoration: underline;
color: #0054c2;
}

#nav li#contact a {
border: none;
}

#referral {
float: right;
text-align: center;
border: 1px solid #bbb;
padding: 5px;
margin: 0 0 0 5px;
}

#referral h3 {
color: #bbb;
margin: 2px;
}

#successbox {
padding: 5px;
margin: 0 0 10px 0;
}

#errorbox {
background-color: #fbb;
border: 1px solid #f99;
padding: 5px;
margin: 0 0 10px 0;
}


/* QUESTION CSS HERE */

.r_op {
display: inline;
width: 100px;
line-height: 150%;
padding: 3px 5px 3px 0px;
}

.features {
list-style-type: disc;
}

ul.features li {
margin: 0;
}

.features strong {
color: #0054c2;
}

#styleimg {
padding: 15px 0 0 0;
}

hr {
color: #909bad;
border-top: none;
height: 1px;
margin: 10px auto;
}

.quiz {
margin: 0 0 0 20px;
padding: 0 0 0 30px;
border-left: 5px solid #c3ceda;
}

.quiz li {
line-height: 150%;
margin: 0 0 10px 0px;
}

.questions {
margin: 0 0 0 20px;
width: 400px;
}

.emailin {
width: 390px;
text-align: right;
line-height: 200%;
}

.emailin input {
width: 200px;
}

.quiz li.error {
padding: 4px;
border: 2px solid red;
}

.facemodel {
background-position: 49% 65%;
background-repeat: no-repeat;
float: left;
height: 300px;
width: 214px;
margin: 0 0 20px 0;
border: 2px solid #929eae;
}

/* LOGIN PAGE */

.login #main {
padding: 20px 10px 5px 10px;
margin: 0;
background: url(/new/images/login_bg.jpg) top left no-repeat #fff;
height: 277px;
}

.login #main h2 {
font-size: 220%;
margin: 0 0 115px 170px;
}

#login_text {
padding: 0;
margin: 0 20px 0 0;
float: left;
width: 260px;
}

#login_text p, #login_form p {
margin: 0 0 10px 0;
padding: 0;
}

#login_form {
float: left;
width: 360px;
padding: 0;
margin: 0;
}

#login_form input {
width: 190px;
}

#login_form .login {
float: right;
width: 90px;
margin: -80px 0 0 0;
}

.faq p {
margin: 10px 0 0 30px;
}

.faq_returnlink {
text-align: right;
}

.pbox {
clear: both;
background: url(/new/images/pbox_topbg.jpg) top no-repeat #c3ceda;
color: #000;
margin: 0 0 20px 0;
font-size: 90%;
}

.ptext {
padding: 10px;
}

.ptext h3 {
padding: 0;
margin: 0 0 5px 0;
}

.pbox ul {
list-style: disc;
padding: 0;
margin: 0 0 0 20px;
}

.pprice {
color: #000;
font-size: 250%;
padding: 5px;
background: url(/new/images/pbox_botbg.jpg) bottom no-repeat #c3ceda;
height: 80px;
}

.pprice p {
padding: 0;
margin: 20px 0 0 20px;
}

.pprice p.disc {
padding: 0;
margin: 0;
font-size: 70%;
}

.pprice a {
background: url(/new/images/upgrade.gif) top left no-repeat;
display: block;
float: right;
width: 75px;
height: 75px;
font-size: 0px;
}

.pprice a:hover {
background: url(/new/images/upgrade_over.gif) top left no-repeat;
}

.pprice p.small {
color: #666;
font-size: 45%;
margin: 0;
padding: 0;
}

#modelselect {
margin: 0 0 15px 0;
}

#membermenu {
display: block;
float: right;
list-style: none;
padding: 0;
margin: 0 -20px 0 0;
//margin: 0;
}

#membermenu li a {
text-align: center;
display: block;
padding: 5px 10px;
margin: 0 0 2px 0;
background-color: #929eae;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}

#membermenu li a:hover {
background-color: #c3ceda;
color: #000;
}

#membermenu li a.upg {
background-color: #937143;
font-weight: bold;
}

#membermenu li a.upg:hover {
color: #fff;
}


.gbox {
margin: 0 0 10px -1px;
background: url(/new/images/trial_bgmid.gif) left repeat-y;
}

.gbox h2 {
background: url(/new/images/trial_bgtop.jpg) top left no-repeat #929eae;
padding: 5px 0 0 15px;
color: #fff;
}

.gboxbody {
background: url(/new/images/trial_bgbot.jpg) bottom left no-repeat;
padding: 0 10px 5px 0;
}

a.upgrade {
background: url(/new/images/upgrade_white.jpg) top left no-repeat;
float: right;
width: 75px;
height: 75px;
font-size: 0px;
margin: 0 10px;
}

a.upgrade:hover {
background: url(/new/images/upgrade_white_over.jpg) top left no-repeat;
}


.productlist, .productlist th, .productlist td {
border-collapse: collapse;
padding: 3px;
text-align: center;
}

.productlist {
margin: 0 0 20px 20px;
border: 2px solid #937143;
}

.productlist th {
color: #fff;
background-color: #937143;
}

.productlist td {
width: 100px;
}
.productlist td.desc {
width: 200px;
}

.productlist td.price {
font-weight: bold;
font-size: 120%;
}

.comments {
width: 300px;
height: 200px;
}

.saving {
color: #ff0000;
font-size: 85%;
}