@charset "utf-8";
/* CSS Document */
/* HTML5 Boilerplate */
/* 
Author: Gaushul azam Lakme 
Date:   01-12-2012  
html5/css3 
*/
 div, span, object, iframe,  p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;word-wrap:break-word;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, cite{display:block;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:""; content:none;} ins{background-color:#ff9; color:#000; text-decoration:none;} mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle;} select, input, textarea, button {font:99% sans-serif;} pre, code, kbd, samp {font-family:monospace, sans-serif;} 
html {overflow-y:scroll; }
a:hover, a:active {outline:none;}
ul, ol {margin-left:0;}
ul, li{list-style-type:none; font-size:12px !important}
ol {list-style-type:decimal;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;} 
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom;}
.ie7 input[type="checkbox"] {vertical-align:baseline;}
.ie6 input {vertical-align:text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
input:valid, textarea:valid   {}
input:invalid, textarea:invalid {border-radius:1px; -moz-box-shadow:0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color:#f0dddd;}
a{text-decoration:none; outline:none}
a:link {-webkit-tap-highlight-color:#FF5E99;}
button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ---------------------------------font--------------------------------------- */




/* ---------------------------------right-panal--------------------------------------- */
.main-content-wrapper {width:700px;height: 400px; position:relative; float:left;font-family:'HelveticaNeueLTStd-Cn'; margin-top:-50px; padding-left:130px; margin-left:30px;}
.make-up-wrapper {height:378px; }
.main-content-wrapper article {float:left;position:relative;}
.main-content-wrapper .banner {height: 250px;width:100px;border-radius: 10px;overflow:hidden;behavior:url(css/pie.htc);position:relative; margin:20px 0px 0px 40px;}
.main-content-wrapper .banner ul {position:absolute;right: 0;bottom:0px; right:0px;   width: 85px;border-radius: 16px 0 0 16px;behavior:url(css/pie.htc);height:220px;padding:5px 0;z-index:2; background:#000 left top no-repeat; font-size:12px; !important}

.main-content-wrapper .banner li {padding:13px 0;height:15px;text-align:center;position:relative; color:#009;  font-size:12px; !important; font-family:Arial, Helvetica, sans-serif;}
.main-content-wrapper .banner li.active a {color:#fdb51c; font-size:12px;}

.main-content-wrapper .banner .active-pointer {position:absolute;background:url(../images/others/active-pointer.png) no-repeat;top:0px;z-index:0;left:-19px;width:104px;height: 58px; font-size:12px;}

.main-content-wrapper .banner li a {text-transform:uppercase;margin-top:7px;display:inline-block;color: #fff;z-index:1;position:relative; font-family: 'HelveticaNeueLTStd-Cn'; font-size:12px;}
.main-content-wrapper .tagline {float:left;height: 52px;padding:16px;width:356px;display:inline-block;background:url(../images/common/tagline-bg.png) left top no-repeat; border-radius:50px 10px 10px 50px;margin:25px 0 0 -85px;position:relative;color:#fff;behavior:url(css/pie.htc);}
.main-content-wrapper .tagline img {float:left; margin-right:10px}
.main-content-wrapper .tagline h3, .main-content-wrapper .tagline p {margin-left:15px;display:block;  font-family: 'helveticabq-light';}
.main-content-wrapper .tagline h3 {font-size:30px;  font-family: 'HelveNueThinNormal';}
.main-content-wrapper .tagline p {font-size:15px;}
.main-content-wrapper .logo {float: left;left: 28px;position: relative;top: 35px;}
.tab-content-wrapper {height:228px;margin-top:0;width: 482px;}
.main-content-wrapper .tab-content {clear:both; font-family:'lato_lightregular';}

.main-content-wrapper .tab-wrapper {border-radius: 0 14px 14px 0;padding:0 19px;box-shadow: -1px 1px 9px 2px #aaa;clear: both;float: left;overflow:hidden;height:230px;margin-top:40px;width: 482px;behavior:url(css/pie.htc); position:relative; background:#FFF; z-index:0; margin-right:-500px; margin-left:0px;} 


.main-content-wrapper .tab-content {height:190px; padding:19px 0; width:482px; overflow:hidden; }
.main-content-wrapper .tab-content figure {border-radius: 12px; float:left; width:193px; height:191px; position:relative; overflow:hidden; behavior:url(css/pie.htc);}
.main-content-wrapper .tab-content .tab-text {width:250px;text-align:center;float:left;margin-left: 30px;}
.main-content-wrapper .tab-content p {color:#e51359;font-size:12px; font-family: 'helveticabq-light';}
.main-content-wrapper .tab-content nav {position:absolute;right:0;width:270px;height:40px;text-align:center;z-index:99;}
.main-content-wrapper .tab-content nav a {height:16px;width:16px;background: #fad0de;display:inline-block;border-radius: 5px;position:relative;margin:5px;}
.main-content-wrapper .tab-content nav .active {background: #e51359;}
.main-content-wrapper .tab-content ul{width:5000px;}
.main-content-wrapper .tab-content li {float:left;width:482px;position:relative;}
.main-content-wrapper .tab-content li h2 {font-size:20px;padding-left: 30px;text-align: center;width: 250px;position: absolute;top:65px;right: 0; line-height:21px; font-family: 'HelveNueThinNormal';}
.main-content-wrapper .tab-content li a { font-family: 'helveticabq-light'; bottom: 0;color: #E51359;display: inline-block;font-size: 12px;padding-left: 30px;position: absolute;right: 0;text-align: center;text-decoration: underline;width: 250px;}