@charset "utf-8";
/* CSS Document */
body {
margin : 0;
padding : 0;
font-family : "Century Gothic";
color : #000000;
font-size : 12px;
}
.clear {
clear : both;
}
.main-container {
width : 800px;
height : 570px;
margin : 0 auto;
}
.main-container2 {
width : 800px;
margin : 0 auto;
}
.header {
width : 800px;
height:111px;
background-image:url(../images/beauty.jpg);
background-repeat:no-repeat;
}
.header2 {
width : 100%;
}
.logo {
width : 148px;
height : 73px;
margin-top : 0px;
float:left;
}
.beauty_logo{
width:336px;
height:109px;
margin-left:145px;
float:left;
}
.nav-bg {
min-width:2px;
float:left;
text-align : left;
margin-left:8px;
margin-top:90px;

}

*html .nav-bg{ 
min-width:2px;
float:left;
text-align : left;
margin-left:8px;
margin-top:73px;
}
.nav {
min-width : 2px;
color : #c0c0c0;
/*margin-left : 15px;
margin-right : 15px;*/
text-transform : uppercase;
font-size : 15px;
/*letter-spacing : 3px;*/
font-weight:bold;
}
.nav :link {
color : #c0c0c0;
text-transform : uppercase;
font-size : 15px;
letter-spacing : 3px;
text-decoration : none;
font-weight:bold;
}
.nav :active {
color : #c0c0c0;
text-decoration : none;
text-transform : uppercase;
font-size : 15px;
letter-spacing : 3px;
font-weight:bold;
}
.nav :visited {
color : #c0c0c0;
text-transform : uppercase;
text-decoration : none;
font-size : 15px;
letter-spacing : 3px;
font-weight:bold;
}
.nav :hover {
color : #000000;
text-transform : uppercase;
font-weight : bold;
text-decoration : none;
background-color : #ffffff;
font-size : 15px;
}.slide {
width : 798px;
height : 255px;
border : 1px solid #585554;
border-top : none;
background-color : #ffffff;
text-align : center;
}
.slide-image {
width : 762px;
margin : 0 auto;
padding : 0;
}
.selection {
width : 500px;
height : 222px;
border-left : 1px solid #585554;
border-bottom : 1px solid #585554;
border-right: 1px solid #585554;
float : left;
}
.selection-left {
width : 193px;
margin-left : 1px;
float : left;
text-align : center;
margin-top : 7px;
text-align:center;
}
.selection-bold {
font-family : "Times New Roman";
font-size : 26px;
color : #000000;
}
.selection-small {
font-family : "Times New Roman";
font-size : 20px;
color : #000000;
}
.selection-right {
width : 297px;
margin-left : 1px;
float : right;
text-align : left;
margin-top : 5px;
font-size : 12px;
padding-right : 5px;
}
.selection-text {
text-align : left;
font-size : 12px;
vertical-align:top;
margin-top:0px;
height:125px;
}
.available {
text-align : left;
margin-top : 5px;
font-size : 12px;
font-weight : bold;
}
.click-selection {
text-align : left;
margin-top : 5px;
font-size : 10px;
}
.print-selection {
width : 298px;
height : 220px;
float : right;

border-bottom : 1px solid #585554;
background-color : #000000;
padding-top:2px;
overflow-y:scroll;
overflow-x:hidden;
}
.prient-selection-sub {
background-color : #3f3b3a;
padding-bottom:10px;
padding-top : 5px;
padding-left : 10px;
margin-top : 5px;
font-size : 12px;
color : #ffffff;
text-align : left;
}
.sub-heading {
color : #ffffff;
font-size : 14px;
text-transform : uppercase;
font-weight : bold;
}
.prient-selection-right {
width : 185px;
float : right;
margin-right : 10px;
font-size:10px;
}
.prient-selection-img {
min-width : 2px;
float : left;
padding-right : 10px;
}
.print {
height : 30px;
margin-top : 5px;
padding-left : 10px;
}
.sub-available {
text-align : left;
margin-top : 5px;
font-size : 10px;
color : #ffffff;
text-transform : uppercase;
}
.img-cont {
min-width : 2px;
float : left;
height : 47px;
background-color : #3f3b3a;
}
.img-cont2 {
min-width : 2px;
float : right;
}
.my-selection-box {
width : 800px;
background-image : url(../images/my-selection-bg.jpg);
background-color : #3f3b3a;
background-position : bottom;
background-repeat : repeat-x;
float : left;
}
.my-selection-img {
width : 141px;
text-align : center;
float : left;
margin-top : 25px;
margin-bottom:10px;
}
.my-selection-textbox {
width : 650px;
float : right;
margin-top : 25px;
font-size : 18px;
color : #ffffff;
padding-bottom:10px;
}
.my-selection-heading {
font-size : 20px;
font-weight : bold;
color : #ffffff;
text-transform : uppercase;
}
.my-selection-subtext {
width : 100%;
font-size : 18px;
color : #ffffff;
text-transform : uppercase;
padding-top : 15px;
}
.delete{
width:23px; 
height:22px;
float:right;
}
.footer {
width : 100%;
text-align : center;
}
.friend{
width:480px;
height:250px;
margin:auto auto;
}
.friend_text{
font-size:12px;
font-weight:bold;
float:left;
width:150px;
text-align:right;
}
.friend_field{
min-width:2px;
float:left;
margin-bottom:5px;
margin-left:15px;
}
.trend_bg{
border : 1px solid #585554;
width:800px;
}
.terms{ font-size:11px; text-transform:uppercase; color:#484443; text-align:center; font-family:Arial, Helvetica, sans-serif;}

a:link {
text-decoration : none;
color:#FFFFFF;
}
a:visited {
text-decoration : none;
color : #ffffff;
}
a:hover {
text-decoration : none;
/*color : #cccccc;*/
}
a:active {
text-decoration : none;
color : #ffffff;
}