/******** SIFR ********/
.sIFR-active h1.foo {
visibility: hidden;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
line-height: 1em;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/
.sIFR-replaced > div {
  display: none !important;
}




/***************************************/

html {
height: 100%;
}
body {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
font-size: 12px;
margin: 0;
height: 100%;
background-color: #4c4c53;
}
h1, h2, h3 {
font-size: 22px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
vertical-align: top;
}
a {
color: #797986;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
td {
vertical-align: top;
}
a:hover {
text-decoration: none;
color: #94b42f;
}
form {
margin: 0px;
padding: 0px;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
}
.clear2 {
height:1px;
overflow:hidden;
}
ol {
padding-bottom: 12px;
margin: 0px;
padding-top: 0px;
}
ul {
padding-bottom: 12px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
}
.flash-holder {
height: 290px;
overflow: hidden;
position: absolute;
top: 0px;
width: 100%;
z-index: 100;
outline: none;
}
#index .flash-holder {
height: 345px;
}
.header {
background-color: #4a0f4a;
height: 290px;
overflow: hidden;
position: relative;
top: 0px;
background-image: url(/images/bg-1.jpg);
background-position: center top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#index .header {
height: 345px;
}
.flash {
height: 290px;
text-align: center;
position: absolute;
width: 1260px;
margin-left: 50%;
left: -630px;
outline: none;
}
#index .flash{
height: 345px;
}
.bodyholder {
background-color: #d7d7d9;
background-image: url(/images/bg-2.jpg);
background-position: center top;
padding-bottom: 0px;
}
.body {
width: 980px;
margin-right: auto;
margin-left: auto;
background-image: url(/images/bg-body.gif);
background-repeat: repeat-y;
background-position: center top;
background-color: #FFFFFF;
}
.body2 {
width: 920px;
background-image: url(/images/bg-body2.gif);
padding-right: 30px;
padding-left: 30px;
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 25px;
padding-top: 20px;
}
#index .body2 {
padding-top: 20px;
}
.footer {
height: 193px;
background-image: url(/images/footer.gif);
background-repeat: repeat-x;
background-position: left top;
}
.footer1 {
height: 193px;
background-image: url(/images/footer1.gif);
background-repeat: no-repeat;
background-position: center;
}
.footer2 {
height: 193px;
width: 960px;
margin-right: auto;
margin-left: auto;
}
.footer3 {
width: 480px;
height: 140px;
display: block;
float: left;
}
.footer1#solobanner {
background-image: url(/images/footer1b.gif);
}
.footer1#solobanner .footer3 {
width: 480px;
height: 140px;
display: block;
float: left;
margin-left: 240px;
}
.footer3 a {
height: 100px;
display: block;
padding-top: 40px;
padding-left: 40px;
}
.footer3 img {
float: left;
display: inline;
padding-left: 19px;
}
.footer3 img.th {
border: 3px solid #e2e2e2;
padding: 0px;
}
.footer .copy {
color: #706b72;
font-size: 11px;
clear: both;
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
}
.footer .copy a {
color: #706b72;
}
.footer .copy a:hover {
color: #999999;
}
.leftmenu {
padding-top: 5px;
width: 210px;
float: left;
display: inline;
padding-right: 20px;
}
.leftmenu .box {
width: 210px;
margin-bottom: 5px;
}
.leftmenu .box .middle {
background-color: #E2E2E2;
}
.leftmenu .button {
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.leftmenu .logo {
padding-left: 10px;
}
.leftmenu .title {
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c8c7cb;
margin-bottom: 6px;
margin-left: 10px;
margin-right: 10px;
}
.leftmenu .title a, .leftmenu .title a:visited {
font-size:16px;
color:#94b42f;
text-decoration:none;
text-transform:uppercase;
padding:4px 0 3px;
display:block;
}
.menu {
width: 210px;
}
.menu a, .menu a:visited {
display:block;
display: block;
background-repeat: no-repeat;
font-size:13px;
text-transform:uppercase;
color:#000;
padding:7px 0 6px 25px;
}
.menu a:hover {
cursor: pointer;
color:#94b42f;
}
.menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: url(/images/arrow-list.gif);
background-repeat: no-repeat;
background-position: 7px 6px;
}
.menu a#aa {
background-image: url(/images/using-my-style-solutions.gif);
}
.menu a#bb {
background-image: url(/images/vertical-proportions.gif);
}
.menu a#cc {
background-image: url(/images/horizontal-proportions.gif);
}
.menu a#dd {
background-image: url(/images/your-consultant.gif);
}
.menu a#ee {
background-image: url(/images/ask-a-question.gif);
}
.menu a#ff {
background-image: url(/images/ann-reinten.gif);
}
.menu a#hh {
background-image: url(/images/your-merchant.gif);
}
.menu a#gg {
background-image: url(/images/related-internet-sites.gif);
}
.menu a#ii {
background-image: url(/images/program-overview.gif);
}
.menu a#aa:hover {
background-image: url(/images/using-my-style-solutions1.gif);
}
.menu a#bb:hover {
background-image: url(/images/vertical-proportions1.gif);
}
.menu a#cc:hover {
background-image: url(/images/horizontal-proportions1.gif);
}
.menu a#dd:hover {
background-image: url(/images/your-consultant1.gif);
}
.menu a#ee:hover {
background-image: url(/images/ask-a-question1.gif);
}
.menu a#ff:hover {
background-image: url(/images/ann-reinten1.gif);
}
.menu a#hh:hover {
background-image: url(/images/your-merchant1.gif);
}
.menu a#gg:hover {
background-image: url(/images/related-internet-sites1.gif);
}
.menu a#ii:hover {
background-image: url(/images/program-overview1.gif);
}
.boxtop1 {
background-image: url(/images/box-r1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.boxtop2 {
background-image: url(/images/box-r2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.boxtop3 {
height: 5px;
margin-right: 5px;
margin-left: 5px;
background-color: #E2E2E2;
overflow: hidden;
}
.boxbott1 {
background-image: url(/images/box-r3.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 5px;
overflow: hidden;
}
.boxbott2 {
background-image: url(/images/box-r4.gif);
background-repeat: no-repeat;
background-position: right bottom;
height: 5px;
overflow: hidden;
}
.boxbott3 {
height: 5px;
margin-right: 5px;
margin-left: 5px;
background-color: #E2E2E2;
overflow: hidden;
}
.leftmenu .login {
color: #727272;
padding-bottom: 20px;
}
.leftmenu .login .title {
border: none;
margin: 0px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 8px;
}
.leftmenu .login a.retrive {
background-image: url(/images/arrow.gif);
padding-left: 12px;
background-repeat: no-repeat;
background-position: 2px 11px;
font-size: 11px;
color: #727272;
text-decoration: underline;
float: left;
padding-top: 8px;
}
.leftmenu .login a.retrive:hover {
color: #94b42f;
}
.leftmenu .login a.button {
background-image: url(/images/arrow-big.gif);
background-repeat: no-repeat;
background-position: right top;
font-size: 12px;
color: #727272;
font-weight: bold;
padding-right: 34px;
float: right;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
margin-top: 0px;
margin-right: 17px;
margin-bottom: 0px;
margin-left: 0px;
}
.leftmenu .login a.button:hover {
color: #94b42f;
}
.leftmenu .logout {
color: #727272;
padding-bottom: 20px;
}
.leftmenu .logout a.button {
background-image: url(/images/arrow-big-logout.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 12px;
color: #727272;
font-weight: bold;
float: left;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 34px;
margin: 0px;
}
.leftmenu .logout a.button:hover {
color: #94b42f;
}
.leftmenu .login .bg-field {
clear: both;
height: 33px;
}
.leftmenu .login input {
background-repeat: no-repeat;
background-position: left top;
border: 0px;
width: 155px;
font-size: 12px;
color: #727272;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
margin: 0px;
padding-top: 5px;
padding-right: 10px;
padding-left: 25px;
padding-bottom: 5px;
}
.leftmenu .login .user {
background-image: url(/images/field-username.gif);
}
.leftmenu .login .pass {
background-image: url(/images/field-password.gif);
}
div#username, div#password, div#newsletter {
position:relative;
float:left;
}
label.overlabel-apply {
position:absolute;
top:5px;
left:26px;
z-index:1;
}
.ftitle1 {
color: #91268E;
font-size: 38px;
overflow: hidden;
text-align: left;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.ftitle2 {
color: #90909e;
font-size: 30px;
overflow: hidden;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.ftitle3 {
color: #90909e;
font-size: 26px;
overflow: hidden;
text-align: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.steps {
display: inline;
width: 690px;
_width: 687px;
}
.steps .title {
background-color: #90909e;
}
.steps .title .top {
background-image: url(/images/steps-r1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.steps .title .top div {
background-image: url(/images/steps-r2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.steps .title .bottom {
background-image: url(/images/steps-r3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.steps .title .bottom div {
background-image: url(/images/steps-r4.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.steps .title h1 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.steps td.top {
background-image: url(/images/step-bg.gif);
vertical-align: top;
height: 52px;
width: 226px;
_width: 225px;
}
.steps-bg-r {
background-image: url(/images/step-bg-r.gif);
vertical-align: top;
background-repeat: no-repeat;
background-position: right top;
padding:28px 0 0 10px;
font-size:16px;
color:#fff;
}
.steps td.top img {
padding-left: 10px;
padding-top: 24px;
}
.steps .cont {
background-color: #3F3F45;
color: #FFFFFF;
padding-top: 16px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
vertical-align: top;
line-height: 14px;
width: 202px;
_width: 201px;
background-image: url(/images/dots.gif);
background-repeat: repeat-x;
background-position: left top;
}
.steps .cont a {
color: #94b42f;
}
.steps .cont a:hover {
color: #797986;
}
.steps .cont .button a, .steps .cont .button a:visited {color:#fff;}
.steps .cont#video {
padding-top: 12px;
padding-right: 0px;
padding-left: 0px;
width: 226px;
_width: 225px;
}
.button {
float: none;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 0px;
margin: 0px;
}
.button a, .button a:visited, #popup2 .button a, #popup2 .button a:visited, .printbutton a, .printbutton a:visited {
padding-left:13px;
background:url(/images/button-l.png) left top no-repeat;
font-size:16px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
display:inline-block;
}
.printbutton a, .printbutton a:visited {
background:url(/images/printbutton-l.png) left top no-repeat;
padding-left:46px;
}
.button a span, .printbutton a span {
display:inline-block;
background:url(/images/button-r.png) right top no-repeat;
padding:6px 18px 6px 5px;
white-space:nowrap;
}
#popup2 .button a:hover {text-decoration:none; color:#fff;}
.steps .button {
float: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 0px;
margin: 0px;
}
.steps .dist {
width: 6px;
overflow: hidden;
}
.steps td.bottom {
background-color: #3F3F45;
background-image: url(/images/steps-r3b.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.steps td.bottom div {
background-image: url(/images/steps-r4b.gif);
background-position: right top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.steps .watch {
height: 45px;
width: 211px;
display: block;
position: relative;
top: -50px;
}
.steps .watch a {
display: block;
height: 33px;
background-image: url(/images/video.gif);
background-repeat: no-repeat;
background-position: right top;
color: #FFFFFF;
float: right;
padding-right: 50px;
padding-top: 12px;
}
.steps .watch a:hover {
color: #94b42f;
}
.h-line {
height: 20px;
background-image: url(/images/h-line.gif);
background-position: left center;
background-repeat: repeat-x;
overflow: hidden;
margin-bottom: 10px;
}
#index .h-line {
height: 10px;
margin-bottom: 0px;
margin-top: 0px;
}
#index .steps .h-line {
height: auto;
margin-bottom: auto;
margin-top: auto;
overflow: visible;
background-position: left 35px;
}
.steps .h-line {
height: 10px;
margin-bottom: 10px;
margin-top: 15px;
padding: 0px;
}
.big {
color: #94b42f;
line-height: 18px;
padding-bottom: 18px;
}
.rightmenu {
width: 240px;
float: right;
padding-top: 20px;
padding-left: 10px;
}
.purple {
color: #91268E;
font-weight: bold;
}
img.left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
img.right {
float: right;
margin-left: 20px;
margin-bottom: 15px;
}
.ratings {
width: 920px;
display: block;
clear: both;
padding-bottom: 25px;
padding-top: 10px;
}
.ratings .top div {
background-image: url(/images/ratings-a3.gif);
background-repeat: no-repeat;
background-position: right top;
height: 25px;
color:#fff;
font-size:16px;
overflow: hidden;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
}
.ratings .match {
padding:5px 0 0 9px;
}
.ratings td.top {
background-image: url(/images/ratings-a2.gif);
height: 25px;
width: 215px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
}
.ratings td.top#ratings-b {
background-image: url(/images/ratings-b2.gif);
}
.ratings td.top#ratings-c {
background-image: url(/images/ratings-c2.gif);
}
.ratings td.top#ratings-d {
background-image: url(/images/ratings-d2.gif);
}
.ratings #ratings-b div {
background-image: url(/images/ratings-b3.gif);
}
.ratings #ratings-c div {
background-image: url(/images/ratings-c3.gif);
}
.ratings #ratings-d div {
background-image: url(/images/ratings-d3.gif);
}
.ratings .title {
text-transform: uppercase;
color: #c13887;
display: block;
font-size: 12px;
font-weight: bold;
padding-bottom: 6px;
}
.ratings #ratings-bb .title {
color: #3872c1;
}
.ratings #ratings-cc .title {
color: #7c7c7c;
}
.ratings #ratings-dd .title {
color: #38a7c1;
}
.ratings .title .bottom {
background-image: url(/images/steps-r3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.ratings .title .bottom div {
background-image: url(/images/steps-r4.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.ratings td.top img {
padding-left: 0px;
}
.ratings .cont {
background-color: #E2E2E2;
color: #434343;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
vertical-align: top;
width: 195px;
}
.ratings .dist {
width: 20px;
overflow: hidden;
}
.ratings td.bottom {
background-color: #E2E2E2;
background-image: url(/images/ratings-r3.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.ratings td.bottom div {
background-image: url(/images/ratings-r4.gif);
background-position: right top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.books {
float: left;
width: 670px;
padding-left: 10px;
}
.books .txt {
margin-left: 250px;
}
.books h1 {
color: #91268E;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BBBBC3;
margin-bottom: 10px;
padding-bottom: 8px;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
}
.books .small {
font-size: 11px;
display: block;
padding-top: 15px;
}
.books .button {
padding-top: 20px;
padding-bottom: 10px;
text-align: right;
}
.books .h-line {
clear: both;
}
.books img.left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
#personal_results {
outline: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 940px;
height: 740px;
}
.personal_results {
height: 740px;
position: relative;
z-index: 200;
margin-top: -40px;
margin-bottom: 20px;
width: 920px;
}
.overview {
padding-bottom: 20px;
}
.overview td {
width: 430px;
vertical-align: top;
}
.overview .v-line {
width: 60px;
background-image: url(/images/v-line.gif);
background-repeat: repeat-y;
background-position: center top;
}
.overview ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.overview li {
background-image: url(/images/list.gif);
background-position: left 5px;
padding-left: 14px;
background-repeat: no-repeat;
margin-left: 3px;
padding-bottom: 12px;
}
.narrow {
float: left;
width: 690px;
padding-left: 0px;
padding-bottom: 60px;
}
.profile {
width: 690px;
_width: 687px;
padding-bottom: 0px;
}
.profile .top table {
width: 690px;
}
.profile td.top {
background-image: url(/images/steps-bg.gif);
vertical-align: top;
height: 52px;
}
.profile td.top img {
padding-left: 3px;
padding-top: 24px;
padding-right: 3px;
}
.profile td.top .steplinks {
	margin-top:24px;
	height:28px;
	border-collapse:collapse;
}
.profile td.top .steplinks td {
	border-left:1px solid #c839c7;
	border-right:1px solid #c839c7;
	font-size:15px;
}
.profile td.top .steplinks td.current {
	color:#fff;
	padding:6px 6px 0;
	width:100%;
}
.profile td.top .steplinks td a, .profile td.top .steplinks td a:visited {
	display:block;
	padding:6px;
	color:#d557d1;
	white-space:nowrap;
}
.profile .cont {
background-color: #3F3F45;
color: #d6d6d8;
padding-top: 16px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
vertical-align: top;
line-height: 14px;
width: 202px;
_width: 201px;
width: auto;
_width: auto;
background-image: url(/images/dots.gif);
background-repeat: repeat-x;
background-position: left top;
}
.profile .dist {
width: 2px;
overflow: hidden;
font-size: 2px;
}
.profile td.bottom {
background-color: #3F3F45;
background-image: url(/images/steps-r3b.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.profile td.bottom div {
background-image: url(/images/steps-r4b.gif);
background-position: right top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.profile .a {
text-align: left;
padding-left: 6px;
}
.profile td.top .a img {
float: left;
}
.profile .b {
padding-right: 6px;
background-image: url(/images/step-bg-r.gif);
background-position: right top;
background-repeat: no-repeat;
height: 52px;
}
.profile td.top .b img {
float: right;
display: block;
}
.price {
color: #7cb10e;
font-size: 24px;
font-weight: bold;
padding-top: 4px;
}
.form {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.form .label {
padding-top: 4px;
white-space: nowrap;
padding-right: 10px;
color: #d6d6d8;
padding-bottom: 6px;
}
.form input {
background-color: #90909e;
border: none;
padding: 4px;
width: 260px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #3f3f45;
margin-bottom: 6px;
margin-right: 10px;
font-size: 12px;
}
.form .drop {
background-color: #90909e;
border: none;
padding: 3px;
width: 150px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #3f3f45;
margin-bottom: 6px;
font-size: 12px;
margin-right: 10px;
}
.butt {
color: #7cb10e;
padding-top: 4px;
width: 100%;
}
.butt .button {
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
float: right;
width: auto;
padding-right: 0px;
}
.profile .button {
width: 480px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.profile .butt .button {
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
float: right;
width: auto;
padding-right: 0px;
}
.key {
margin-top: 9px;
margin-bottom: 8px;
}
.key .label {
padding-top: 4px;
padding-right: 10px;
color: #91268E;
font-weight: bold;
}
.key input {
border: none;
width: 190px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #3f3f45;
margin-bottom: 6px;
margin-right: 10px;
font-size: 12px;
background-image: url(/images/key-bg.gif);
background-repeat: no-repeat;
background-position: left top;
height: 16px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
background-color: transparent;
}
.key#coupon input {
width: 150px;
background-image: url(/images/coupon-bg.gif);
}
.diagrams {
width: 690px;
padding-bottom: 0px;
margin-bottom: 30px;
}
.diagrams .shadow {
width: 10px;
background-image: url(/images/shadow-r.gif);
overflow: hidden;
background-repeat: repeat-y;
background-position: left top;
}
.diagrams .thsholder {
width: 480px;
}
.diagrams h1 {
color: #89c138;
font-size: 25px;
font-weight: bold;
}
.diagrams h2 {
color: #91268E;
font-size: 14px;
}
.diagrams .description {
padding-top: 10px;
padding-left: 5px;
}
.diagrams .description .button-right {
padding-top: 0px;
float: none;
padding-bottom: 15px;
text-align: right;
}
.diagrams .description .txt {
padding-top: 10px;
}
.diagrams .th {
width: 160px;
float: left;
}
.diagrams .th img {
padding-top: 10px;
padding-bottom: 10px;
}
.diagrams .label {
font-size: 13px;
color: #91268E;
display: block;
padding-top: 2px;
padding-left: 5px;
}
.diagrams .h-line {
clear: both;
overflow: hidden;
margin: 0px;
padding-bottom: 10px;
height: 10px;
}
span.checkbox {
width: 20px;
height: 20px;
padding: 0;
display: block;
clear: left;
float: left;
background-image: url(/images/checkbox.gif);
background-repeat: no-repeat;
}
span.radio {
width: 20px;
height: 20px;
padding: 0;
display: block;
clear: left;
float: left;
background-image: url(/images/checkbox.gif);
background-repeat: no-repeat;
}
.profile .pf {
width: 480px;
background-image: url(/images/bg-pf.gif);
height: 43px;
}
.profile .pf ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}
.profile .pf ul li {float:left; background:url(/images/pf-v-line.gif) right top no-repeat;}
.profile .pf ul li a, .profile .pf ul li a:visited {
	color:#fff;
	display:block;
	padding:16px 13px 10px;
}
.profile .pf ul li span {padding:16px 13px 10px; display:block;}
.profile .pf ul li.current span {background:url(/images/pf-arrow.gif) 4px 18px no-repeat; color:#91268e;}
.menu-admin {
width: 210px;
}
.menu-admin a {
width: 172px;
display: block;
padding-left: 28px;
background-repeat: no-repeat;
background-position: 25px 0px;
color: #4c4c53;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
}
.menu-admin a:hover {
color: #94b42f;
}
.menu-admin ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu-admin li {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: url(/images/arrow-list.gif);
background-repeat: no-repeat;
background-position: 7px 5px;
}
.garments {
width: 226px;
float: left;
}
.garments-v-dist{
width: 5px;
float: left;
overflow: hidden;
}
.garments-h-dist{
overflow: hidden;
background-image: url(/images/garments-h-line.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
width: 226px;
clear: both;
position: relative;
top: -5px;
}
.garments .banner {
padding-top: 0px;
}
.garment {
background-repeat: no-repeat;
background-position: left top;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
background-image: url(/images/garments.gif);
}
.garment a {
display: block;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
.garment a:hover {
color: #82b63e;
background-image: url(/images/arrow-garments.gif);
background-repeat: no-repeat;
background-position: left 5px;
}
.narrow .garment .title {
background:none;
width:auto;
color:#fff;
text-transform:uppercase;
font-size:16px;
margin-bottom:14px;
padding-left:10px;
}
.garment#g1 {
height: 187px;
}
.garment#g2 {
height: 92px;
}
.garment#g3 {
height: 92px;
}
.garment#g4 {
height: 132px;
}
.garment#g5 {
height: 112px;
}
.garment#g6 {
height: 72px;
}
.garment#g7 {
height: 72px;
}
.garment#g8 {
height: 167px;
}
.garment#g9 {
height: 52px;
}
.garment#g10 {
height: 272px;
}
.garment#g11 {
height: 102px;
}
.garment#g12 {
height: 157px;
}
.order-my-style-solutions {
padding-top: 20px;
text-align: right;
padding-bottom: 20px;
}
.order-my-style-solutions a, .order-my-style-solutions a:visited {
padding-left:7px;
background:url(/images/order-button-l.gif) left top no-repeat;
font-size:16px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
display:inline-block;
}
.order-my-style-solutions a span {
display:block;
background:url(/images/order-button-r.gif) right top no-repeat;
padding:14px 30px 14px 10px;
white-space:nowrap;
}
.help strong {
color: #91268E;
font-weight: bold;
}
.help ol {
color: #91268E;
padding-bottom: 12px;
margin: 0px;
padding-top: 0px;
font-weight: bold;
}
.help ul {
color: #91268E;
padding-bottom: 12px;
margin: 0px;
padding-top: 0px;
font-weight: bold;
}
.help ol p, .help ul p {
color: #797986;
padding: 0px;
font-weight: normal;
}
.help a {
color: #797986;
text-decoration: underline;
}
.help a:hover {
color: #94b42f;
text-decoration: underline;
}
.help ol a, .help ul a {
color: #91268E;
font-weight: bold;
}
.help ol a:hover, .help ul a:hover {
color: #94b42f;
font-weight: bold;
}
.my-results {position:relative;}
.my-results .name {
font-size: 26px;
color: #91268E;
margin:30px 0 10px;
}
.my-results .buttonholder {
float: left;
width: 330px;
font-size: 13px;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}
.my-results .date {
font-size: 16px;
color: #91268E;
padding-top: 8px;
top:112px;
position:absolute;
right:0;
width:200px;
text-align:right;
}
.my-results .h-line {
height: 20px;
background-image: url(/images/h-line2.gif);
background-position: left center;
background-repeat: repeat-x;
overflow: hidden;
margin-bottom: 5px;
clear: both;
margin-top: 5px;
}
.my-results .double-h-line {
height: 2px;
overflow: hidden;
margin-bottom: 15px;
clear: both;
margin-top: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.my-results .datas {
float: left;
width: 300px;
}
.my-results .datas .data {
clear: both;
}
.my-results .datas .address {
float: left;
color: #91268E;
width: 120px;
font-weight: bold;
padding-bottom: 3px;
}
.my-results .datas .value {
float: left;
width: 160px;
padding-bottom: 3px;
margin-left: 10px;
}
.my-results-v-dist{
width: 30px;
float: left;
overflow: hidden;
}
.my-results .results {
float: left;
width: 330px;
font-size: 13px;
padding-bottom: 10px;
}
.my-results .results .data {
clear: both;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d7d7d7;
}
.my-results .results .address {
float: left;
width: 190px;
padding-bottom: 1px;
padding-top: 2px;
}
.my-results .results .value {
width: 140px;
padding-bottom: 1px;
color: #91268E;
padding-top: 2px;
float: left;
}
.my-results .printbutton {
float: right;
padding-top: 10px;
}
.button-right {
float: right;
padding-top: 10px;
}
.contact .name {
color: #91268E;
font-weight: bold;
font-size: 15px;
}
.contact strong {
color: #91268E;
font-weight: bold;
}
.contact .datas {
width: 260px;
padding-bottom: 12px;
}
.contact .datas .data {
}
.contact .datas .address {
float: left;
color: #91268E;
width: 70px;
font-weight: bold;
padding-bottom: 3px;
}
.contact .datas .value {
width: 160px;
padding-bottom: 3px;
margin-left: 90px;
color: #91268E;
}
.contact a {
color: #91268E;
font-weight: bold;
text-decoration: underline;
}
.contact a:hover {
color: #94b42f;
font-weight: bold;
text-decoration: underline;
}
.contact a.email {
color: #797986;
font-weight: normal;
text-decoration: underline;
}
.contact a.email:hover {
color: #94b42f;
font-weight: normal;
text-decoration: underline;
}
.contact .sign {
float: right;
padding-top: 30px;
padding-bottom: 40px;
}
.contact .big-list {
font-size: 17px;
color: #94b42f;
}
.contact .big-list p {
font-size: 17px;
color: #91919B;
padding-bottom: 4px;
}
.contact .ftitle2 {
padding-bottom: 0px;
}
.narrow .title {
background-color: #90909e;
width: 690px;
}
.my-results .title, .order-portfolio .title {
margin-bottom: 0px;
}
.title .top {
background-image: url(/images/steps-r1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.title .top div {
background-image: url(/images/steps-r2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.title .bottom {
background-image: url(/images/steps-r3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.title .bottom div {
background-image: url(/images/steps-r4.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.title h1 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.title h2 {
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
}
.title p {
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin: 0px;
}
.greytitle {
background-color: #90909e;
width: 690px;
margin-bottom: 15px;
float: left;
}
.greytitle .top {
background-image: url(/images/steps-r1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.greytitle .top div {
background-image: url(/images/steps-r2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.greytitle .bottom {
background-image: url(/images/steps-r3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 5px;
overflow: hidden;
}
.greytitle .bottom div {
background-image: url(/images/steps-r4.gif);
background-repeat: no-repeat;
background-position: right top;
height: 5px;
overflow: hidden;
}
.greytitle h1 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.greytitle h2 {
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
}
.leftmargin {
margin-left: 0px;
padding-left: 230px;
}
a.greenitalic {
font-style: italic;
text-decoration: underline;
color: #94b42f;
}
.greendot {
color: #94b42f;
}
.greendot li {
padding-bottom: 5px;
}
.greendot p {
color: #797986;
padding-bottom: 0px;
}
.ask .radiolabel {
color: #91268E;
font-weight: bold;
font-size: 15px;
display: block;
padding-top: 1px;
}
td.radio {
color: #91268E;
font-weight: bold;
font-size: 15px;
padding-right: 10px;
}
.ask .form .label {
padding-top: 4px;
white-space: nowrap;
padding-right: 10px;
color: #797986;
}
.ask .form input {
width: 280px;
}
.ask .form textarea {
background-color: #90909e;
border: none;
padding: 4px;
width: 280px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #3f3f45;
margin-bottom: 6px;
margin-right: 10px;
font-size: 12px;
height: 100px;
}
.ask .form .button {
float: right;
padding: 10px;
}
.help .ftitle2 {
padding-bottom: 0px;
}
.watchvideo {
height: 50px;
display: block;
padding-bottom: 20px;
}
.watchvideo a {
height: 38px;
background-image: url(/images/video-white.gif);
background-repeat: no-repeat;
background-position: right top;
color: #91268E;
padding-right: 50px;
padding-top: 12px;
width: 100px;
display: block;
float: left;
text-align: right;
}
.watchvideo a:hover {
color: #94b42f;
}
.watchvideoinf {
height: 50px;
display: block;
padding-bottom: 10px;
}
.watchvideoinf img {
vertical-align: -25px;
padding-right: 5px;
padding-left: 5px;
}
.watchvideoinf a {
height: 50px;
color: #91268E;
display: block;
float: left;
text-align: right;
}
.watchvideoinf a:hover {
color: #94b42f;
}
.print {
background-color: #FFFFFF;
min-height: 100%;
height: auto !important;
height: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
.print .narrow {
float: none;
width: 690px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
}
.print .ratings {
width: auto;
padding-bottom: 0px;
padding-top: 10px;
}
.print .ratings .cont {
background-color: #E2E2E2;
color: #434343;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
vertical-align: top;
width: auto;
padding-top: 0px;
}
.print .ratings .top2 {
background-color: #E2E2E2;
background-image: url(/images/ratings-r1.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
margin-top: 2px;
margin-bottom: 0px;
padding: 0px;
}
.print .ratings .top2 div {
background-image: url(/images/ratings-r2.gif);
background-position: right top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.print .ratings .bottom {
background-color: #E2E2E2;
background-image: url(/images/ratings-r3.gif);
background-position: left top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.print .ratings .bottom div {
background-image: url(/images/ratings-r4.gif);
background-position: right top;
background-repeat: no-repeat;
height: 5px;
overflow: hidden;
}
.print .ratings .top div {
background-image: url(/images/ratings-a3.gif);
background-repeat: no-repeat;
background-position: right top;
height: 25px;
overflow: hidden;
}
.print .ratings .title {
color: #D6489B;
font-weight: normal;
font-size: 14px;
padding-bottom: 4px;
background-color: transparent;
width: auto;
text-transform: uppercase;
padding-top: 8px;
}
.print .ratings .top {
background-image: url(/images/ratings-a2.gif);
height: 25px;
}
.print .ratings .great, .print .ratings .good, .print .ratings .goodif, .print .ratings .avoid {
padding-bottom: 20px;
}
.print .ratings .good .top {
background-image: url(/images/ratings-b2.gif);
}
.print .ratings .good .top div {
background-image: url(/images/ratings-b3.gif);
}
.print .ratings .goodif .top {
background-image: url(/images/ratings-d2.gif);
}
.print .ratings .goodif .top div {
background-image: url(/images/ratings-d3.gif);
}
.print .ratings .avoid .top {
background-image: url(/images/ratings-c2.gif);
}
.print .ratings .avoid .top div {
background-image: url(/images/ratings-c3.gif);
}
.print .ratings .good .title {
color: #3872C1;
}
.print .ratings .goodif .title {
color: #38A7C1;
}
.print .ratings .avoid .title {
color: #7C7C7C;
}
.print .ratings .bold {
color: #91268E;
font-weight: bold;
}
.print .ratings .good .bold {
color: #3872C1;
}
.print .ratings .goodif .bold {
color: #38A7C1;
}
.print .ratings .avoid .bold {
color: #666666;
}
.my-results .ftitle2 {
margin-right: 220px;
}
.leftmenu .usagenotes {
padding-left: 10px;
padding-top: 4px;
padding-bottom: 8px;
font-size: 11px;
padding-right: 10px;
}
.leftmenu .usagenotes .title {
border: none;
margin: 0px;
color: #94b42f;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-weight: bold;
font-size: 12px;
}
.profile .cont .small {
padding-top: 0px;
color: #d6d6d8;
font-size: 11px;
}
.outline {
padding-bottom: 10px;
}
.outline .content {
padding-top: 5px;
padding-right: 15px;
padding-left: 15px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #E2E2E2;
border-left-color: #E2E2E2;
}
.outline .top {
background-image: url(/images/outline1-r1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 8px;
overflow: hidden;
}
.outline .top div {
background-image: url(/images/outline1-r2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 8px;
overflow: hidden;
}
.outline .bottom {
background-image: url(/images/outline1-r3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 8px;
overflow: hidden;
}
.outline .bottom div {
background-image: url(/images/outline1-r4.gif);
background-repeat: no-repeat;
background-position: right top;
height: 8px;
overflow: hidden;
}
.profile .cont .outline .content {
border-right-color: #90909E;
border-left-color: #90909E;
color: #FFFFFF;
}
.profile .cont .outline .top {
background-image: url(/images/outline2-r1.gif);
}
.profile .cont .outline .top div {
background-image: url(/images/outline2-r2.gif);
}
.profile .cont .outline .bottom {
background-image: url(/images/outline2-r3.gif);
}
.profile .cont .outline .bottom div {
background-image: url(/images/outline2-r4.gif);
}
.reseller {
padding-top: 10px;
padding-bottom: 25px;
}
.reseller .type {
font-weight: bold;
color: #FFFFFF;
}
.profile .cont .submit a {
background-image: url(/images/arrow-white.gif);
background-repeat: no-repeat;
background-position: right center;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 12px;
display: block;
font-weight: bold;
color: #FFFFFF;
}
.profile .cont .submit a:hover {
color: #d6d6d8;
}
.order .links {
width: 100%;
margin-bottom: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #91268E;
font-size: 11px;
padding-bottom: 5px;
margin-top: 10px;
}
.order .links a {
color: #91268E;
padding-right: 12px;
padding-left: 12px;
font-weight: bold;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dddddd;
}
.order .links a:hover {
color: #94b42f;
}
.order .links .back {
background-image: url(/images/back.gif);
background-position: left 3px;
padding-left: 9px;
background-repeat: no-repeat;
font-weight: normal;
border-style: none;
}
.order .list {
width: 100%;
font-size: 11px;
}
.order .list .title {
width: 100%;
background-color: transparent;
color: #91268E;
font-weight: bold;
font-size: 12px;
}
.order .list td {
vertical-align: middle;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #91268E;
padding-top: 14px;
padding-right: 5px;
padding-bottom: 14px;
padding-left: 5px;
}
.order .list .title td {
border: none;
white-space: nowrap;
padding-bottom: 0px;
padding-right: 2px;
padding-top: 0px;
padding-left: 2px;
}
.order .list td.productname {
text-align: left;
width: 180px;
text-transform: uppercase;
padding-left: 0px;
vertical-align: top;
}
.order .list .title td.productname {
text-align: left;
text-transform: none;
}
.order .list td.description {
text-align: left;
width: 180px;
vertical-align: top;
}
.order .list .title td.description {
text-align: left;
}
.order .list input {
width: 28px;
border: 1px solid #797986;
font-size: 11px;
color: #5e5e5e;
text-align: center;
float: none;
font-weight: bold;
}
.order h3 {
font-size: 20px;
font-weight: bold;
color: #91268E;
padding-bottom: 14px;
}
.order .button {
float: right;
padding: 0px;
}
.order .total {
font-size: 12px;
font-weight: bold;
color: #91268E;
padding-top: 10px;
padding-bottom: 15px;
padding-right: 135px;
text-align: right;
}
.order .total .amount {
font-size: 16px;
}
.address {
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #91268E;
}
.order .fields {
margin-top: 10px;
}
.order .fields td {
padding-bottom: 3px;
padding-top: 3px;
}
.order .fields .label {
padding-top: 6px;
padding-right: 10px;
font-size: 11px;
text-align: right;
}
.star {
color: #91268E;
padding-left: 5px;
font-size: 11px;
}
.order .fields input {
width: 220px;
text-align: left;
float: left;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
margin: 0px;
border: 0px;
padding-right: 3px;
padding-left: 3px;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
}
.order .fields select {
width: 130px;
float: left;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
margin: 0px;
font-size: 12px;
border: 1px solid #797986;
padding: 1px;
}
.fieldholder {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 12px;
color: #7B7B7B;
border: 1px solid #797986;
display: inline-block;
padding: 0px;
margin: 0px;
}
.comment {
font-size: 11px;
}
.order .info {
margin-left: 60px;
_margin-left: 30px;
margin-bottom: 10px;
}
.order .info td {
text-align: left;
vertical-align: top;
width: 280px;
border: none;
padding: 0px;
}
.order .all {
float: right;
margin-top: 10px;
margin-bottom: 25px;
}
.order .all td {
border:0px;
text-align: right;
padding: 5px;
}
body#popup {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
font-size: 12px;
background-color: #FFFFFF;
}
#popup .title {
color: #FFFFFF;
font-size: 12px;
background-color: #91268E;
font-weight: bold;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;
}
#popup .content {
margin-top: 20px;
margin-right: 25px;
margin-bottom: 25px;
margin-left: 25px;
}
#popup h1 {
color: #91268E;
font-size: 26px;
text-align: left;
font-weight: bold;
padding-bottom: 12px;
}
#popup h2 {
color: #91268E;
font-size: 20px;
text-align: left;
font-weight: bold;
padding-bottom: 12px;
}
#popup a {
color: #797986;
text-decoration: underline;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
}
#popup a:hover {
text-decoration: underline;
color: #94b42f;
}
.yn {
margin-bottom: 6px;
}
.ynbutton {
background-color: #ece9d8;
width: 50px;
border-width:1px;
outline:none;
font-size: 12px;
font-weight: bold;
color: #797986;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
padding: 1px;
margin: 0px;
float: left;
cursor: pointer;
}
.yn .txt {
margin-left: 60px;
padding-top: 3px;
}
.photohelp {
float: left;
width: 670px;
padding-left: 10px;
}
.photohelp .txt {
margin-left: 0px;
margin-right: 240px;
}
.photohelp h1 {
color: #91268E;
margin-bottom: 10px;
padding-bottom: 8px;
font-size: 16px;
font-weight: bold;
padding-top: 0px;
}
.photohelp .small {
font-size: 11px;
display: block;
padding-top: 15px;
}
.photohelp .button {
padding-top: 10px;
padding-bottom: 10px;
}
.photohelp .h-line {
clear: both;
}
.photohelp .th {
float: right;
margin-right: auto;
margin-bottom: 10px;
width: 220px;
margin-left: auto;
text-align: center;
}
.photohelp .goodexamples {
text-align: right;
font-size: 19px;
color: #94b42f;
padding-bottom: 10px;
padding-top: 10px;
}
.photohelp .upload input {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
margin: 0px;
}
.photohelp .upload {
padding: 0px;
margin: 0px;
width: auto;
}
.photohelp .upload td {
vertical-align: middle;
}
.photohelp .upload .file {
text-align: right;
font-size: 10px;
padding-top: 5px;
}
.photohelp .upload .label {
white-space: nowrap;
padding-right: 6px;
color: #797986;
padding-top: 0px;
}
.photohelp .upload .th {
text-align: center;
margin: 0px;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.jqifade{
position: absolute;
background-color: #aaaaaa;
}
div.jqi{
width: 500px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 7px;
}
div.jqi .jqicontainer{
font-weight: bold;
}
div.jqi .jqiclose{
position: absolute;
top: 4px; right: -2px;
width: 18px;
cursor: default;
color: #bbbbbb;
font-weight: bold;
}
div.jqi .jqimessage{
padding: 10px;
line-height: 20px;
color: #444444;
}
div.jqi .jqibuttons{
text-align: right;
padding: 5px 0 5px 0;
border: solid 1px #eeeeee;
background-color: #f4f4f4;
}
div.jqi button{
padding: 3px 10px;
margin: 0 10px;
background-color: #2F6073;
border: solid 1px #f4f4f4;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
div.jqi button:hover{
background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
background-color: #BF5E26;
}
.warning {
color:#FF0000;
font-weight:normal;
text-align:center;
background-color: #000000;
display: block;
font-size: 13px;
padding-top: 8px;
padding-right: 100px;
padding-bottom: 8px;
padding-left: 100px;
}
.overview_loading {
color:#91268E;
font-weight:bold;
text-align:center;
padding: 60px;
font-size: 17px;
}












body#popup2 {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #FFFFFF;
font-size: 12px;
background-color: #3f3f45;
}
#popup2 .title {
color: #FFFFFF;
font-size: 17px;
background-color: #91268E;
font-weight: bold;
padding-top: 10px;
padding-right: 35px;
padding-bottom: 10px;
padding-left: 35px;
}
#popup2 .content {
margin-top: 20px;
margin-right: 35px;
margin-bottom: 25px;
margin-left: 35px;
}
#popup2 h1 {
color: #91268E;
font-size: 26px;
text-align: left;
font-weight: bold;
padding-bottom: 12px;
}
#popup2 h2 {
color: #91268E;
font-size: 20px;
text-align: left;
font-weight: bold;
padding-bottom: 12px;
}
#popup2 a {
color: #797986;
text-decoration: underline;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
}
#popup2 a:hover {
text-decoration: underline;
color: #94b42f;
}
#popup2 .form .label {
width: 120px;
}
#popup2 .form textarea {
background-color: #90909e;
border: none;
padding: 15px;
width: 368px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #FFFFFF;
margin-bottom: 6px;
margin-right: 10px;
font-size: 12px;
height: 70px;
}
#popup2 .form input {
color: #FFFFFF;
}
.getyours {
display: block;
padding-top: 18px;
padding-bottom: 7px;
}
.getyours .price {
color: #FFFFFF;
font-size: 22px;
font-weight: normal;
padding-top: 0px;
}
.getyours a {
color: #a1a2ae;
font-size: 22px;
line-height: normal;
padding-top: 33px;
text-align: left;
font-weight: bold;
display: block;
background-image: url(/images/get-yours-today.gif);
height: 72px;
padding-bottom: 0px;
padding-left: 8px;
}
.login .stay input {
width: auto;
margin: 3px;
padding: 0px;
}
.login .stay td {
width: auto;
vertical-align: middle;
padding-right: 5px;
}
.twitter {
padding-top: 20px;
padding-bottom: 15px;
background-image: url(/images/twitter.gif);
background-repeat: no-repeat;
background-position: left top;
}
.twitter-title {
color:#fff;
font-size:15px;
padding:0 0 18px 8px;
}
h4 {
font-size: 20px;
font-weight: normal;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
.order .line {
background-color: #91268E;
clear:both;
height:1px;
overflow:hidden;
margin-bottom: 20px;
}
.order .noemail {
font-size: 12px;
padding-top: 5px;
padding-bottom: 15px;
text-align: left;
padding-left: 360px;
}
.order .noemail h1 {
font-size: 16px;
font-weight: normal;
margin: 0px;
color: #91268E;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.order .noemail a {
color: #91268E;
text-decoration: underline;
}
.order .noemail a:hover {
color: #94b42f;
text-decoration: underline;
}
.voucher {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.voucher .label {
padding-top: 4px;
white-space: nowrap;
padding-right: 10px;
padding-bottom: 6px;
}
.voucher input {
background-color: #FFFFFF;
border: 1px solid #90909e;
padding: 4px;
width: 250px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
margin-bottom: 6px;
margin-right: 10px;
font-size: 12px;
}
.voucher .drop {
background-color: #FFFFFF;
border: 1px solid #90909e;
padding: 3px;
width: 150px;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #797986;
margin-bottom: 6px;
font-size: 12px;
margin-right: 5px;
}



.article {
	width:430px;
}

.testimonials {height:211px; overflow:hidden; margin-bottom:16px; width:100%; position:relative;}
.testimonials ul {list-style:none; padding:0; position:absolute;}
.testimonials ul li {margin-bottom:10px; display:block;}

div.testimonials{
		position:relative;
		height:211px;
		width:100%;
		display:block;
		overflow:hidden;
        margin-bottom:16px;
	}
	div.scrollingtext{
		position:absolute;
	}

/**** PERSONAL RESULT ****/

ul.topnav {
	list-style:none;
	float:right;
	background:#fff;
	margin-right:-20px;
	padding:0;
	border-left:1px solid #cfcfd4;
}

ul.topnav li {
	float:left;
	position:relative;
	padding-right:1px;
	background:url(/images/topnav-separator.gif) right top no-repeat;
}

ul.topnav li span {
	text-decoration:none;
	color:#80808D;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:10px 4px 8px;
	border-bottom:1px solid #cfcfd4;
	cursor:pointer;
}

ul.topnav li span:hover, ul.topnav li.active span {
	border:none;
	color:#9bb93c;
}

ul.dropdown {
	display: block;
	position: absolute;
	left:0;
	top:31px;
	z-index: 999;
	display: none;
	/*width:130px;*/
	background:#fff url(/images/dropdown-bg.gif) bottom repeat-x;
	padding:0 3px 2px;
	border:2px solid #fff;
	border-top:none;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-box-shadow: 0px 2px 3px #dadada;
	-moz-box-shadow: 0px 2px 3px #dadada;
	box-shadow: 0px 2px 3px #dadada;
}

ul.topnav li:last-child ul.dropdown {
	left:-60px;
}

ul.topnav li ul.dropdown li {
	display:block;
	height:22px;
	margin:0;
	float:none;
	background:none;
	padding:0;
}

ul.topnav li ul.dropdown a, ul.topnav li ul.dropdown a:visited {
	text-align:left;
	background:none;
	font-size:11px;
	display:block;
	line-height:21px;
	color:#9797a4;
	white-space:nowrap;
	border-bottom:1px solid #cfcfd4;
	text-transform:none;
	padding:0 4px;
}

ul.topnav li ul.dropdown li:last-child a {border:none;}

ul.topnav li ul.dropdown a:hover {color:#9bb93c;}

.topRow {
	margin-top:9px;
	height:43px;
}

.psg {
	font-size:17px;
	color:#91268E;
	width:208px;
	background:#e2e2e2;
	border:1px solid #d2d2d2;
	text-align:center;
	padding:10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
	margin-bottom:5px;
}

.guide .match {
	font-size:16px;
	color:#fff;
	width:167px;
	padding:5px 0 5px 8px;
	text-transform:uppercase;
	position:absolute;
	top:0;
	right:0;
}

.bottom .match {
	font-size:16px;
	color:#fff;
	width:167px;
	padding:5px 0 5px 8px;
	text-transform:uppercase;
	margin:0 auto;
	text-align:left;
}

.guide .great, .bottom .great {background:url(/images/bg1.gif) no-repeat;}
.guide .good, .bottom .good {background:url(/images/bg2.gif) no-repeat;}
.guide .only, .bottom .only {background:url(/images/bg3.gif) no-repeat;}
.guide .avoid, .bottom .avoid {background:url(/images/bg4.gif) no-repeat;}

.sidebar {
	float:left;
	width:226px;
	margin-top:9px;
}

.scrollPane {
	height:540px;
	width:226px;
	float:left;
	overflow:auto;
	outline:none;
}

.guide {
	float:right;
	width:690px;
	height:510px;
	position:relative;
	margin-top:9px;
	padding-left:4px;
}

.personal_results .bottom {
	float:right;
	width:690px;
	text-align:center;
    position:relative;
}

ul.lmenu {
	list-style:none;
	padding:0 0 2px;
	margin:-5px 0 5px;
	background:#e2e2e2;
	width:210px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.scrollPane .title {
	margin-bottom:5px;
	font-size:16px;
	color:#fff;
	padding:5px 0 3px 8px;
	text-transform:uppercase;
	width:202px;
}

.scrollPane .great {background:url(/images/bg1a.gif) no-repeat;}
.scrollPane .good {background:url(/images/bg2a.gif) no-repeat;}
.scrollPane .only {background:url(/images/bg3a.gif) no-repeat;}
.scrollPane .avoid {background:url(/images/bg4a.gif) no-repeat;}
.scrollPane .favorite {background:url(/images/bg5a.gif) no-repeat;}

ul.lmenu li {
	margin: 0px;
	padding: 0px;
	background: url(/images/arrow-list.gif) 7px 6px no-repeat;
}

ul.lmenu li a, ul.lmenu li a:visited {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	color:#000;
	padding:7px 0 5px 25px;
}

ul.lmenu li a:hover, ul.lmenu li.active a {
	cursor: pointer;
	color:#d858ac;
}

.garment-results {
	width:690px;
	overflow:hidden;
	position:relative;
}

a.arrow-l, a.arrow-r {
	position:absolute;
	width:185px;
	height:250px;
	top:130px;
}

a.arrow-l {
	background:url(/images/arrow-l.png) left top no-repeat;
	left:0px;
}

a.arrow-r {
	background:url(/images/arrow-r.png) left top no-repeat;
	right:0px;
}

a.arrow-l:hover, a.arrow-r:hover {background-position:left -250px;}

ul.garments {
	list-style:none;
	padding:0;
	margin-top:125px;
}

ul.garments li {
	float:left;
	width:195px;
	margin-right:52px;
	text-align:center;
}

ul.garments li img.large {
	margin:-100px 0 0 -55px;
	width:290px;
	height:485px;
}
ul.garments li img.normal {
	margin:0 0 0 0;
	width:150px;
	height:250px;
}

a.desc-button, a.desc-button:visited {
	position:absolute;
	top:0;
	left:185px;
	width:320px;
	height:510px;
	background:url(/images/personal-shadows.png) no-repeat;
}

.bottom a.notes, .bottom a.notes:visited {
	position:absolute;
	text-transform:uppercase;
	background:url(/images/notes.gif) left top no-repeat;
	padding:5px 0 5px 30px;
	font-weight:bold;
	top:2px;
	left:440px;
}

.bottom .click {
	line-height:20px;
	margin-top:6px;
	color:#9b2c98;
	font-weight:bold;
}

.bottom .courtesy a span {text-decoration:underline;}
.bottom .courtesy a:hover {color:#797986;}

.foot {
	clear:both;
	margin-top:5px;
}

.fav {
	background:#e2e2e2;
	text-align:center;
	width:210px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
	margin-right:20px;
	padding-top:2px;
}

.breadcrumbs {
	float:right;
	width:690px;
	background:url(/images/breadcrumbs.gif) no-repeat;
	text-align:center;
    position:relative;
}

.breadcrumbs ul {
	list-style:none;
	padding:0;
	margin-bottom:11px;
}

.breadcrumbs ul li {
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	padding:13px 10px 13px 14px;
	background:url(/images/pf-arrow.gif) left 19px no-repeat;
}

.breadcrumbs ul li:first-child {background:none;}

a.fav-btn, a.fav-btn:visited {
	text-transform:uppercase;
	color:#9b2c98;
	padding:4px 0 11px 34px;
	background:url(/images/add2fav.gif) left top no-repeat;
}

a.helpBanner, a.helpBanner:visited {
	position:absolute;
	left:0;
	top:50px;
	width:206px;
	background:url(/images/helpBanner.gif);
	text-align:left;
	padding:10px 7px;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.helpBanner .title {font-size:16px; margin-bottom:5px;}

.helpBanner span {text-decoration:underline;}

.desc-hover {
	position:absolute;
	top:160px;
	left:220px;
	text-transform:uppercase;
	padding:3px 30px 1px 20px;
	color:#fff;
	background:#91268e url(/images/zoom.gif) top right no-repeat;
	font-size:14px;
	display:none;
}

.guide .description {
	position:absolute;
	top:38px;
	right:-10px;
	width:187px;
	padding-left:18px;
	height:472px;
	background:#fff;
	color:#A2A2AB;
	display:none;
    overflow:auto;
}

.guide .description a.close, .guide .description a.close:visited {
	font-size:11px;
	color:#80808D;
	text-decoration:none;
	float:right;
}

.guide .description a.close:hover {
	color:#9b2c98;
}

.guide .description .desc-title {
	font-size:24px;
	clear:both;
	color:#9b2c98;
	font-weight:bold;
	margin-bottom:8px;
	padding-top:6px;
}

.guide .description .desc-titleN {
	font-size:18px;
	clear:both;
	color:#9b2c98;
	font-weight:bold;
	margin-bottom:8px;
	padding-top:6px;
}

.guide .description .desc-text {font-size:13px;}

.favs {
	position:absolute;
	width:200px;
	height:14px;
	left:245px;
	top:243px;
	background:url(../images/fav-bg.png) no-repeat;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	padding:5px 0;
	display:none;
}

#notes {
	width:400px;
	background:#fff;
	padding:20px 20px 40px;
	color:#111;
}

#notes textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #999;
	padding:3px;
	width:392px;
	margin-bottom:10px;
}

#notes input {float:right;}

.overview_loading {
	position:absolute;
    width:66px;
    height:66px;
    background:url(/images/ajax-loader1.gif) no-repeat;
    top:250px;
    left:427px;
}

.noflashHeader {
	background:url(/images/header.png) no-repeat;
	height:290px;
	width:1260px;
	position:absolute;
	left:50%;
	margin-left:-630px;
}

#index .noflashHeader {
	background:url(/images/header-index.png) no-repeat;
	height:345px;
}

.noflashHeader a.logo {
	position:absolute;
	width:390px;
	height:63px;
	top:10px;
	left:175px;
}

.noflashHeader a.shoppingCart, .noflashHeader a.shoppingCart:visited {
	text-decoration:none;
	font-size:11px;
	color:#fff;
	position:absolute;
	top:15px;
	right:165px;
	background:url(/images/cart.gif) right 1px no-repeat;
	padding:0 20px 0 0;
}

.noflashHeader a.shoppingCart:hover {color:#A0CE2E;}

.noflashHeader .image {
	position:absolute;
	bottom:0;
	right:150px;
}

#index .noflashHeader .image {
	width:730px;
	height:270px;
	overflow:hidden;
}

.noflashHeader .flowers {
	position:absolute;
	bottom:0;
	left:150px;
	z-index:100;
}

.noflashHeader .grunge {
	position:absolute;
	bottom:0;
	left:150px;
	z-index:100;
}

.ebookOfferWrap {
	position:absolute;
	right:170px;
	top:90px;
	z-index:150;
	width:466px;
	height:250px;
	overflow:hidden;
}

.ebookOffer {
	background:url(/images/ebook.png);
	position:absolute;
	width:430px;
	padding:18px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color:#fff;
	right:-466px;
	z-index:200;
}

.ebookOffer img {
	float:right;
	margin-left:10px;
}

.ebookOffer .text {overflow:hidden;}

.ebookTitle {
	font-size:36px;
	margin-bottom:6px;
}

.ebookBody {
	font-size:20px;
	margin-bottom:6px;
}

.ebookBody cufon {margin-bottom:3px;}

.ebookOffer a, .ebookOffer a:visited {
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:15px;
}

#nav {
	list-style:none;
	position:absolute;
	top:37px;
	right:150px;
}

#nav li {
	float:left;
	border-left:1px solid #b04c7e;
}

#nav li:first-child {border:none;}

#nav li a, #nav li a:visited {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	line-height:30px;
	padding:0 10px;
	display:block;
}

#nav li a:hover {
	background:#91268E;
	background:rgba(145,38,142,0.4);
}

#leftNav {
	list-style:none;
	position:absolute;
	left:150px;
	top:140px;
	width:175px;
	border-top:1px solid #8c358d;
	padding:0;
    z-index:250;
}

#leftNav li {border-bottom:1px solid #8c358d;;}

#leftNav a, #leftNav a:visited {
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8px 0 8px 28px;
	display:block;
	background:url(/images/arrow-leftNav.gif) left -34px no-repeat;
}

#leftNav a:hover {background-position:left top;}

.faceShape {margin-top:20px;}
.faceShape .sidebar {text-align:center; padding-top:50px;}
.faceShape .scrollPane {width:670px; padding-right:20px;}
.faceShape h2 {font-size:30px; margin-bottom:20px;}