/* GENERAL */

body { padding:0; margin:0;height:100%;width:100%;background:#ffffff;font-family:"Century Gothic",sans-serif, arial,Trebuchet MS, Helvetica;font-size:12px; }

img { margin:0;padding:0;border:0px; }
p { padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
table {margin:0;padding:0;background-color:transparent;border: 0px;}
td {vertical-align:top;}
form, div, input, textarea { margin:0; padding:0;}
input, textarea {font-size:1.01em;}
input {vertical-align:top;}
ul {margin:0;padding:0;}
h1, h2, h3, h4, h5 {margin:0px; padding:0px;}

a:link {color:#000000; }
.shop a:visited {color:#D1D3D6; }

/* LANDING PAGE */

/* Layout */
#container {width:912px;margin-top:10px;padding:60px 94px 110px 94px;background:#ffffff;border:2px solid #454546;}
#land-logo {width:912px;height:105px;border:0;}
#land-logo img {padding-left:14px;}
#land-content {width:912px;border:0;position:relative;font-family:calibri;font-size:10pt;font-weight:bold;line-height:22px;}
.land-lt {width:400px;float:left;}
.land-rt {width:512px;float:right;font-weight:normal;}

/* styles */
.land-lt p {padding:28px 80px 0 0;color:#231f20;text-align:justify;}
.land-lt b {color:#f16d9a; }
.land-rt p {padding-top:15px;text-align:center;}
.land-rt a {color:#231f20;text-decoration:none;font-size:10pt;}
.land-rt b {color:#f16d9a;font-weight:normal; }
.clear {clear:both;}


/* TEMPLATE */

#wrap {width:1100px;margin:auto;background:#ffffff;}

#header {width:1100px;height:44px;border:0;background-color:#000000;}
#header img { padding-left:20px;float:left;}

/* --------------Navigation-------------- */
#nav {width:800px;float:right;}
#nav ul {list-style:none;margin-left:20px;}
#nav ul li {list-style:none;padding:12px 19px 0 0;font-family:Century Gothic;font-size:10pt;font-weight:bold;float:left;color:#ffffff}
#nav ul li a {text-decoration:none;color:#ffffff}
#nav ul li img {float:left;}

/* --------------Side Menu----- */
ul.side {list-style:none;margin:4px 0 12px 10px;}
ul.side li {list-style:none;padding:10px 0 0 0;font-family:calibri, Century Gothic;font-size:16px;font-weight:bold;color:#000000;letter-spacing:0px;line-height:17px;}
ul.side li ul {list-style:none;margin-left:9px;}
ul.side li ul li {list-style:none;padding:5px 0 0 0;font-family:calibri, Century Gothic;font-size:15px;font-weight:bold;color:#B2B7BB;letter-spacing:0px;}
ul.side li ul li a {text-decoration:none;color:#A7ADB1}
ul.side li ul li a:hover, ul.side li ul li a.active  {color:#F06D9B}


/* --------------Content-------------- */
#main {width:1100px;border:0;height:auto !important;height:522px;min-height:522px;}
#main2 {width:1100px;border:0;padding:0 0 25px 0;}
#left {width:242px;float:left;}
#right {width:858px;float:right;}
.sub {width:858px;clear:both;}


/* --------------Search and Login-------------- */
.search {height:54px;padding:0px 10px 0 0;}
.search2 {clear:both;padding:0px 10px 0 0;width:858px;float:left;}
.find {float:left;width:510px;text-align:right;padding-top:10px;}
.cartxt {font-family:san-serif, calibri;float:right;padding:6px 0 0 10px;text-align:right;font-size:12px;width:288px;line-height:18px;}
.find input,.shop input {border: 2px solid #d4d6da;height:16px;width:180px;font-family:calibri, Century Gothic;font-weight:normal;color:#000000;line-height:18px;}

/* --------------HOME-------------- */
.home {width:1100px;position:relative;margin-top:-22px;}
.home h2 {padding:0px 0 0 58px;color:#f16d9c;font-size:18px;font-weight:normal;}
.home ul {padding:10px 0 0 13px;}
.home ul li {list-style:none;float:left;padding:0 8px 0 20px;}
.home ul li p {padding-top:15px;text-align:center;font-size:12px;color:#f16d9c;}


/****************** HOME Page (Anbalagan) *****************/

.home_centercon{
width:1100px;
clear:both;
}

.home_centerleft{
width:495px;
float:left;
}

.home_centerright{
float:left;
width:605px;
}

.home_longertxt{
width:486px;
clear:both;
padding-top:20px;
margin:auto;
}

.home_purimg{
width:510px;
margin:auto;
padding-top:15px;
}


/********************* Eye_mascara Page Layout (Anbalagan) ***************/

.mascare_toptxt{
width:578px;
padding-top:10px;
clear:both;
}

.mascare_centerbg{
width:858px;
background:url(../images/eyemascara_centerbg.jpg) left top no-repeat;
height:413px;
font-family:calibri,Century Gothic;
font-size:13px;
}

.mascare_toppara{
width:260px;
float:right;
font-weight:bold;
font-family:calibri,Century Gothic;
color:#000;
font-size:13px;
letter-spacing:1px;
}

.mascare_toppara span{
color:#F16D9A;
font-size:14px;
font-weight:bold;
height:20px;
}

.mascare_btmtxtpart{
clear:both;
float:right;
width:130px;
padding-top:25px;
}

.mascare_btmtxt1{
color:#f06c9b;
font-weight:bold;
height:20px;
}

.mascare_btmtxt2{
font-weight:bold;
height:20px;
}

.mascare_btmtxt2 a{
color:#000;
}

.mascare_btmtxt2 a:hover{
text-decoration:underline;
}

.mascare_btmbox{
width:125px;
}

.mascare_btmbox input{
width:95px;
height:20px;
border:1px solid #000;
color:#b2b7bb;
font-size:13px;
font-family:calibri,Century Gothic;
padding:5px 0px 0px 5px;
}

.mascare_btmtxt3{
font-size:14px;
padding:5px 0px 0px 0px;
font-weight:bold;
}


/* --------------VIDEO-------------- */
.video {width:798px;height:480px;background-image: url(../images/video/videobg.jpg);background-repeat:no-repeat;background-position:78% 65%;padding-left:60px;background-color:transparent;}
.video object {background-color:transparent}

 .tabs {height:480px;overflow:hidden;}
 .tabs ul {width:400px;margin:0;padding:10px 0 0 100px;}
 .tabs ul li {float:left;list-style:none;margin:0;border:0;padding:10px 10px 10px 0;width:135px;height:100px;overflow:hidden;font-size:10px;}
 .tabs ul li img {margin-bottom:5px;border:1px solid #ffffff;}
 .tabs ul li a:hover img,  .tabs ul li a.active img {border:1px solid #F06D9B;}
.tabs div {width:634px;height:325px;padding:20px 0 0 100px;}
.tabs div p {padding-top:10px;font-size:12px;text-transform:uppercase;line-height:20px;}

/* --------------PRESS-------------- */
.press {width:858px;}
.press ul {list-style:none;height:200px;margin-left:80px;}
.press ul li {list-style:none;float:left;height:200px;width:150px;font-family:calibri, Century Gothic;font-size:13px;font-weight:normal;color:#000000;line-height:16px;}

/* --------------TIPS-------------- */
.tips-lt {width:420px;float:left;}
.tips-lt ul {list-style:none;height:200px;}
.tips-lt ul li {list-style:none;float:left;width:200px;font-family:calibri, Century Gothic;font-size:13px;color:#000000;}
.tips-rt {width:434px;float:right;text-align:justify;font-size:1.22em;color:#000000;border:2px solid #000000;padding-bottom:10px;}
.tips-rt ul {list-style:none;}
.tips-rt ul li {list-style:none;float:left;margin-right:10px;font-family:calibri, Century Gothic;font-size:13px;font-weight:normal;color:#000000;line-height:18px;}
.tips-rt ul li p {padding-top:8px;}
.tips-rt ul li h3 {padding-top:30px;font-size:1.9em;color:#f16d9a;font-family:Century Gothic, calibri;text-align:center;}
.tips-rt ul li h4 {padding-top:18px;font-size:1.2em;color:#000000;font-family:calibri;text-align:center;}
.tips-rt ul li.b {background-color:#000000;width:188px;height:188px;}


/* --------------CONTACT-------------- */
.contact-lt {width:420px;float:left;text-align:center;line-height:22px;}
.contact-rt {width:438px;float:right;text-align:left;font-size:1.22em;color:#000000;}
.contact-rt ul {list-style:none;}
.contact-rt ul li {list-style:none;float:left;padding:15px 10px 0 0;font-family:calibri, Century Gothic;font-size:13px;font-weight:bold;color:#000000;line-height:22px;}
.contact-rt b {color:#f16d9a;}


/* --------------LOCATOR-------------- */
#salon {width:438px;height:450px;text-align:left;margin-left:180px;font-size:1.22em;color:#000000;background:transparent url(../images/locator/salon_locator.jpg) no-repeat right 75px;}
#distributor {width:438px;height:450px;text-align:left;padding:10px 110px 0 160px;font-size:1.22em;color:#000000;background:transparent url(../images/locator/distributor_locator.jpg) no-repeat right 92px;}
#salon-result {width:438px;text-align:left;min-height:450px;padding:0 0px 0 0px;font-size:1.22em;color:#000000;background:transparent url(../images/locator/salon_locator2.jpg) no-repeat 85% 28px;}
#distributor-result {width:438px;text-align:left;min-height:450px;padding:0 0px 0 0px;font-size:1.22em;color:#000000;background:transparent url(../images/locator/distributor_locator2.jpg) no-repeat right 22px;}
#salons {width:800px;text-align:left;height:450px;padding:20px 0px 0 0px;font-size:1.22em;color:#000000;background:transparent url(../images/locator/salon_locator3.jpg) no-repeat 70px 150px;}

.locator ul {list-style:none;background:transparent }
.locator ul li {list-style:none;float:left;padding:15px 10px 0 0;font-family:calibri, Century Gothic;font-size:13px;font-weight:bold;color:#000000;line-height:22px;}
.locator b {color:#f16d9a;}
.locator p {list-style:none;float:left;padding:35px 10px 0 22px;font-family:calibri, Century Gothic;font-size:13px;font-weight:bold;color:#000000;line-height:22px;}
.zipbox {border:1px solid #000000;height:18px;width:180px;font-size:12px;font-family:calibri,san-serif, Century Gothic;color:#000000;}
.zipsearch {border:1px solid #000000;background:#000000;height:20px;width:50px;font-size:11px;font-family:calibri,san-serif, Century Gothic;color:#ffffff;margin-left:5px;}


.inter {margin:30px 0 0 66px;}
.inter li {color:#f16d9a;list-style:disc;font-family:calibri, Century Gothic;padding:4px 0;}
.inter a {color:#9F9F9F;}
.inter a:hover {color:#f16d9a;}

/* --------------Styles-------------- */
a {color:#231f20;text-decoration:none;}
a:hover {color:#f16d9a;text-decoration:none;}
.a {color:#A9B0B6;font-size:14px;}
.txt1 {font-size:1.8em;}
.txt2 {font-size:13px;font-family:calibri, Century Gothic;font-weight:bold;color:#000000;line-height:20px;text-align:left;}
.txt2 b {color:#f16d9a;font-size:14px;}
.txt3 {font-size:11px;font-family:arial, calibri, Century Gothic;font-weight:normal;color:#000000;line-height:16px;}
.txt4 {font-size:16px;font-family:calibri, Century Gothic;font-weight:bold;color:#000000;line-height:22px;text-align:justify;}
.txt4 b {font-weight:normal;color:#f16d9a;}
.txt5 {font-size:15px;font-family:calibri, Century Gothic;font-weight:bold;color:#f16d9a;line-height:20px;}
.txt6 {font-size:1.5em;font-family:calibri, Century Gothic;font-weight:normal;color:#f16d9a;line-height:30px;}
.txt7 {font-size:12px;font-family:calibri, Century Gothic;font-weight:normal;color:#000000;line-height:22px;text-align:center;}
.txt8 {font-size:12px;font-family:calibri, Century Gothic;font-weight:normal;color:#000000;line-height:20px;text-align:right}
.txt9 a {color:#9F9F9F;}
.txt9 a:hover {color:#f16d9a;}


h4 {font-size:1.5em;color:#f16d9a;font-family:calibri, Century Gothic;text-align:center;}
h2 {font-size:1.8em;color:#f16d9a;font-family:Century Gothic;}
h1 {font-size:3.8em;color:#f16d9a;font-family:Century Gothic;font-weight:normal;line-height:50px;letter-spacing:1px;}


/* --------------spacers-------------- */
.s1 {padding:5px 0;}
.s2 {padding:12px 12px 0 0;text-align:justify;font-family:calibri;}
.s3 {text-align:right;}
.s4 {padding:2px 0 23px 0;text-align:right;}
.s5 {padding:0 20px;}
.s6 {padding:4px 0 0 0;}

/* --------------Footer-------------- */
#footer {width:1100px;height:44px;border:0;background-color:#000000;}
.foot-lt {width:600px;float:left;}
.foot-lt ul {list-style:none;margin-left:16px;line-height:20px;}
.foot-lt ul li {list-style:none;padding:12px 6px 0 6px;font-family:Century Gothic;font-size:10pt;font-weight:bold;float:left;color:#ffffff}
.foot-lt ul li a {text-decoration:none;color:#ffffff}
.foot-lt ul li img {float:left;}
.fs {padding-top:5px;}

.foot-rt {width:500px;float:right;}
.foot-rt img {padding:8px 20px 0 0;float:right;}

/* gloss */
ul.side .gloss_list{
position:relative;
}

ul.side .gloss_list:hover .gloss_submenu{
display:block;
}

ul.side .gloss_submenu{
position:absolute;
top:10px;
left:55px;
display:none;
}

ul.side .gloss_submenu a{
width:85px;
height:20px;
color:#fff;
text-align:center;
background:#f06c9b;
display:block;
margin-bottom:2px;
font-size:13px;
line-height:20px;
}

ul.side .gloss_submenu a:hover{
color:#000;
}

/* Sweet Lips Content */

.sweetlips_list{
position:relative;
}

.sweetlips_list ul{
margin:0px;
padding:0px;
}

.sweetlips_list li{
float:left;
width:105px;
list-style:none;
text-align:right;
line-height:22px;
height:456px;
}

.sweetlips_list li img{
display:block;
}

.sweetlips_list li p {
	position:relative;
	top:-80px;
	padding-right:42px;
}
.sweetlips_list li h3{
color:#f06395;
font-size:13px;
clear:both;
}

.sweetlips_list li span{
display:block;
font-weight:bold;
font-size:11px;
}

.sweetlips_list li input{
border:1px solid #c7c7c7;
width:87px;
height:18px;
float:right;
color:#c7c7c7;
font-weight:bold;
text-align:right;
margin:4px 0px 3px 0px;
display:block;
padding-right:3px;
line-height:18px;
}

.sweetlips_list li label{
display:block;
color:#8a8a8a;
clear:both;
font-weight:bold;
}

/* Event Content */

.event_content{
padding:20px 0px;
float:left;
clear:both;
}

.event_col1{
float:left;
width:270px;
padding:0px 0px 0px 20px;
}

.event_col1 img{
display:block;
}

.event_col1 a{
display:block;
text-transform:uppercase;
background:#01a4b5;
color:#fff;
font-family:Arial;
font-weight:bold;
font-size:13px;
width:225px;
margin:auto;
text-align:center;
height:25px;
margin-top:40px;
line-height:25px;
}

.event_col1 a:hover{
color:#000;
}

.event_col2{
float:left;
width:370px;
margin-left:25px;
}

.event_col2 h1{
font-size:18px;
color:#000;
font-weight:bold;
font-family:Arial;
line-height:20px;
}

.event_col2 h1 span{
color:#f06a9a;
}

.event_toppara{
color:#231f20;
line-height:17px;
padding-top:12px;
}

.event_col2list{
margin:0px;
padding-top:15px;
}

.event_col2list li{
float:left;
width:172px;
list-style:none;
margin-right:12px;
min-height:175px;
}

.event_col2list li h2{
font:bold 14px Arial;
color:#000;
}

.event_col2list li p{
color:#231f20;
line-height:17px;
padding-top:12px;
}

.seatxt{
font-size:22px;
color:#000;
font-weight:bold;
font-family:Arial;
text-transform:uppercase;
margin-top:-20px;
clear:both;
float:left;
}

.seatxt span{
color:#f06a9a;
}

.sea_btmtxt{
text-transform:uppercase;
padding-top:12px;
font-weight:bold;
clear:both;
}

.sea_para{
padding-top:15px;
line-height:17px;
color:#231f20;
}

.sea_para span{
padding-left:20px;
}

.event_col3{
float:left;
width:185px;
margin-left:15px;
}

.event_col3 h2{
font:bold 13px Arial;
color:#000;
text-transform:uppercase;
}

.event_col3 h3{
font:bold 12px Arial;
color:#e79ac7;
padding-top:5px;
}

.event_col3 h3.eve_tit2{
color:#7c3c00;
}

.event_col3 h3.eve_tit3{
color:#48166d;
}

.event_col3 h3.eve_tit4{
color:#9a012f;
}

.event_col3 h3.eve_tit5{
color:#017ac3;
}


.event_col3 p{
color:#231f20;
line-height:17px;
padding:15px 0px;
}

.event_col3 strong{
display:block;
font-size:11px;
font-family:Arial;
padding:12px 0px 20px 0px;
}

.stone_img{
display:block;
padding:12px 0px;
text-align:center;
width:185px;
}

/* CLASSES */
.class {font-size:11px;line-height:18px;}
.class h2 {font-size:18px;}
.class p {padding:10px 0;line-height:20px;}
.class a:hover {color:#F66D9A;}
.class .tit td {border:0;padding-bottom:0;font-weight:bold;}
.class table td {font-family:arial !important;font-size:11px;}

.class-lf {width:340px;float:left;padding:0px 38px 0 0;font-size:11px;}
.class-lf h2 {font-size:18px;}
.class-lf p {padding:10px 0;line-height:20px;}
.class-lf table {margin-top:15px;}
.class-lf td {padding:0 6px;}
.class-lf tr {height:32px;}
.class-lf input {margin:0 0 10px 0;font-family:"Century Gothic";}
.class-lf input.box {width:150px;height:15px;border:1px solid #E3E9EF;border-top:1px solid #ABADB3;}
.class-lf select {height:17px;border:1px solid #E3E9EF;border-top:1px solid #ABADB3;font-family:"Century Gothic";font-size:11px;}
.class-lf option {font-family:"Century Gothic"}
.class-lf .btn {height:23px;padding:0 15px;font-size:11px;color:#ffffff;margin-top:5px;font-family:'trebuchet ms';border:2px solid #F66D9A;}

.class-rt {width:480px;float:right;padding-top:0px;}
.class-rt h2 {font-size:18px;}
.class-rt ul {padding-top:20px;}
.class-rt ul li {list-style:none;float:left;padding-right:8px;}
.class-rt  img {border:1px solid #ffffff;}
.class-rt a:hover img {border:1px solid #F66D9A;}

.class-pop {padding:5px 20px;text-align:left;width:500px;font-size:11px;color:#333333;}
.class-pop h3 {font-size:18px;color:#F66D9A;line-height:25px;font-family:"Century Gothic";text-transform:uppercase;padding-top:10px;font-weight:normal;}
.class-pop p {padding:10px 0 10px 0px;line-height:19px;}
.class-pop b {color:#F66D9A;padding-right:6px;}
.class-pop ul {margin-top:10px;}
.class-pop li {padding:5px 0;color:#333333;list-style:none;}

/* START CALENDAR */
.calnav {font-family:arial;font-size:11px;padding-bottom:40px;}
.calnav  h2 {font-size:18px;}
.calnav th {padding-top:0px;height:40px;text-align:left;font-size:11px;font-weight:normal;}
.calnav b {color:#F66D9A;font-family:calibri;font-size:12px;text-transform:uppercase;text-align:center;display:block;}
.calnav a {color:#cccccc;}
.cal {margin:auto;width:846px;border:1px solid #A7ADB1;color:#F66D9A;font-size:11px;}
.cal td {width:113px !important;height:100px;border-bottom:1px solid #A7ADB1;border-right:1px solid #A7ADB1;padding:5px;text-align:left;}
.cal ul {width:113px;}
.cal li {list-style:none;color:#333333;background:url(../images/dot.gif) no-repeat 0 9px;padding:4px 0 3px 8px;line-height:12px;text-align:left;font-size:11px;}
.cal li a {color:#333333;display:block;text-decoration:underline;text-transform:lowercase;}
.cal li a:hover {color:#F66D9A;}

/* START GALLERY */
.gallery {font-size:12px;width:850px;padding:10px 0}
.gallery li {list-style:none;text-align:left;padding:15px 0;clear:left;border-bottom:1px solid #2b2b2b;}
.gal-lf {float:left;width:150px;padding-right:40px;text-align:center;line-height:20px;font-size:11px;}
.gal-lf img {border:1px solid #F16D9A;}
.gal-rt {float:left;width:620px;}
.gal-rt h3 {font-size:14px;}
.gal-rt span {display:block;padding-top:7px;}
.gal-rt a {color:#333333;font-weight:bold;border:2px solid #F16D9A;padding:0px 8px;font-size:11px;}

/* START FORM */
.form {padding:10px 0 0 0;font-size:11px;font-family:"Century Gothic" !important;}
.form p {padding:10px 0;line-height:20px;text-align:justify;}
.form table {margin:25px 0 0 0px;font-family:"Century Gothic" !important;}
.class .form td {padding:0 6px; font-family:"Century Gothic" !important;}
.form tr {height:28px;}
.form input {margin-bottom:10px;}
.form input.box {width:100px;height:16px;border:1px solid #2b2b2b;padding:0;color:#333333;font-size:11px;}
.form input.box2 {width:180px;height:16px;border:1px solid #2b2b2b;padding:0;color:#333333;font-size:11px;}
.form input.box3 {width:250px;height:16px;border:1px solid #2b2b2b;padding:0;color:#333333;font-size:11px;}
.form select {height:19px;border:1px solid #E3E9EF;border-top:1px solid #ABADB3;}

#err2 {margin-top:20px;width:360px;border:1px solid #f08286;background:#ffffff;padding:8px 40px;color:#333333;font-family:arial;}
#err2 h4 {padding:5px 0 5px 10px;font-size:12px;color:#f20000;text-align:left;}
#err2 ul {margin:0 0 0 20px;font-size:11px;color:#aaaaaa;}
#err2 li {list-style:disc;padding:0;border:0;line-height:20px;}
#suc2 {margin-top:20px;border:1px solid #EDF1C7;background:#FAFBEC;padding:10px 50px;font-family:arial;}