/*
Theme Name: Eternal Beauty
Theme URI: 
Description: Eternal Beauty WordPress + Shopp Website Theme.
Version: 1.0
Author: Carter Creative
Author URI: http://cartercreative.com.au/
/*


/*-------------------------------------------------------------------------------
	Global
-------------------------------------------------------------------------------*/

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:#FFF url(images/background.png) 50% 0% no-repeat; width:100%; height:100%; }
.container { width:960px; margin:0 auto; }
/*-------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, li { font-family:"Arial", Helvetica, san-serif; font-weight:normal; padding:0px; margin:0px; }
p, li { color:#666; font-size:12px; line-height:16px; margin:5px 0px 10px; }
h1 { font-size:36px; line-height:44px; font-weight:100; margin-bottom:10px; color:#333; }
h2 { color:#999999; font-size:14px; line-height:18px; text-shadow:#F3F3F3 0px 0px 1px; }
h3 { margin-bottom:10px; }
h4 { }
h5 { }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border:none; }
p a { color:#999999; text-decoration: none; font-weight:bold; }
p a:hover { text-decoration: underline; }
/*-------------------------------------------------------------------------------
	Collumns
-------------------------------------------------------------------------------*/
div.col-4 { width:310px; padding-right:20px; float:left; min-height:496px; }
div.col-8 { width:630px; min-height:496px; float:left; }
td.col-4 { width:310px; vertical-align:middle; min-height:496px; }
td.col-8 { width:630px; vertical-align:middle; min-height:496px; }
td.spacer div { width:20px; height:496px; }
/*-------------------------------------------------------------------------------
	Header / Nav
-------------------------------------------------------------------------------*/

.header { width:100%; height:100px; position:relative; overflow:hidden; }
.header h3 { margin:0px; padding:0px; display:block; height:100px; width:107px; float:left; }
.header ul { display:block; height:63px; float:right; padding:0px; margin:0px; padding-top:25px; }
.header ul li { display:block; height:63px; float:left; padding:0px; margin:0px; background:url(images/header-nav-divider.gif) 100% 0% no-repeat; }
.header ul li a { display:block; color:#c3c3c3; font-size:12px; line-height:12px; padding:26px 25px 25px 25px; text-transform:uppercase; text-shadow:#F3F3F3 0px 0px 1px; }
.header ul li a:hover { text-decoration:none; }
.header ul li.order-button { background:none; padding:15px 0px 15px 25px; }
.header ul li.current-menu-item a, .header ul li a:hover { color:#8F8F8F; }
.header ul li.order-button a { padding:0px; font-size:0px; line-height:0px; display:block; }
/*-------------------------------------------------------------------------------
	Slider
-------------------------------------------------------------------------------*/

.slider { width:960px; height:521px; position:relative; }
.slide { width:960px; height:496px; display:table; }
.slide#home { background:url(images/home-page-woman.jpg) 100% 100% no-repeat; }
.slide#home img { float:left; margin-right:10px; position:relative; margin-left:-27px; margin-bottom:-83px; }
.slide#home img.eyesential { }
.slide#home img.the-lift { }
.slide#home h1 { }
/*-------------------------------------------------------------------------------
	Slide Navigation
-------------------------------------------------------------------------------*/

.slider ul.tabs { display:block; width:960px; height:30px; position:absolute; bottom:0px; left:0px; list-style:none; margin:0px; padding:0px; }
.slider ul.tabs li { margin:0px; padding:0px; display:block; float:left; height:30px; width:239px; margin-right:1px; overflow:hidden; }
.slider ul.tabs li a { display:block; height:15px; padding-top:10px; width:239px; background-color:#dbb5a4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align:center; text-transform:uppercase; font-size:12px; line-height:12px; color:#FFF; text-shadow:#b69180 0px 1px 1px; font-weight:500; cursor:pointer; position:relative; top:5px; }
.slider ul.tabs li a:hover, .slider ul.tabs li.current-menu-item a { padding-top:13px; top:2px; text-decoration:none; }
.slider ul.tabs li.order { width:240px; margin-right:0px; }
.slider ul.tabs li.order a { background-color:#d5958e; width:240px; }
/*-------------------------------------------------------------------------------
	Frequently Asked Questions
-------------------------------------------------------------------------------*/

.slide#frequently-asked-questions .col-4 ul { list-style:none; margin:0px; padding:0px; }
.slide#frequently-asked-questions .col-4 ul li { font-size:13px; line-height:13px; margin:0px; }
.slide#frequently-asked-questions .col-4 ul li a { padding:3px 0px; display:block; color:#999; }
.slide#frequently-asked-questions .col-4 ul li a:hover { color:#6C6C6C; text-decoration:none; }
.slide .mask { height:456px; width:630px; overflow:auto; position: relative; top:20px; }
.slide .mask ul { margin:0px; padding:0px; display:block; }
.slide .mask li { display:block; background-color:#FFF; border:#eeeeee solid 1px; padding:15px; margin:0px; width:580px; margin-bottom:15px; }
.slide .mask a { color:#D5958E; }
.slide .mask li h3 { text-shadow:#F2F2F2 0px 0px 1px; color:#333434; }
.slide .mask li p, .slide .mask li li { text-shadow:#F7F7F7 0px 0px 1px; color:#333; }
.slide .mask li ul, .slide .mask li ol { padding-left:20px; }
.slide .mask li li { display:list-item; background-color:transparent; border:none; padding:2px 0px; width:auto; margin-bottom:0px; }
.slide .fadeTop { width:615px; height:50px; position:absolute; top:0px; left:0px; background:url(images/fadeTop.png); z-index:5; }
.slide .fadeBottom { width:615px; height:50px; position:absolute; bottom:45px; right:15px; background:url(images/fadeBottom.png); z-index:5; }
/*-------------------------------------------------------------------------------
	Eyesential
-------------------------------------------------------------------------------*/
.slide#eyesential .col-4 { width:280px; padding-right:50px; }
a.button-pink-order { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; background-color:#d5958e; text-shadow:#CD8178 0px -1px 0px; display:inline-block; color:#FFF; padding:8px 15px 9px; font-size:12px; line-height:12px; font-weight:bold; text-decoration:none; }
a.button-pink-order:hover { background-color:#C9776D; }
.image-over-video { position:absolute; z-index:2; margin-left:-20px; }
.slide#eyesential .image-over-video img { height:330px; padding:105px 0px 0px 27px; }
.video-under-image { float:right; position:relative; z-index:1; padding:50px 0px; background:url(images/video-under-image-shadow.gif) 0% 100% repeat-x; }
.slide#the-lift .image-over-video { margin-left:-20px; }
.slide#the-lift .image-over-video img { height:290px; padding:105px 0px 0px 0px; }
/*-------------------------------------------------------------------------------
	What the experts say
-------------------------------------------------------------------------------*/
.slide#what-the-experts-say .mask li table tr > td:first-of-type { width:140px; text-align:center; padding-right:20px; }
.slide#what-the-experts-say .mask li table tr > td:first-of-type { width:140px; text-align:center; padding-right:20px; }
.slide#what-the-experts-say .mask p, .slide#what-the-experts-say .mask td { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px; font-style:italic; color:#666; }
/*-------------------------------------------------------------------------------
	Static Tiles
-------------------------------------------------------------------------------*/

.tile-holder { width:960px; height:150px; padding-top:45px; }
.tile { float:left; z-index:0; }
.tile h3 { font-size:.75em; line-height:1em; text-transform:uppercase; color:#666; font-weight:500; letter-spacing:-.025em; margin-bottom:6px; }
.tile p, .tile li { color:#999999; font-size:12px; line-height:14px; }
.tile ul { margin:0px; padding:0px; }
.tile li { list-style-position:inside; margin:0px; }
.tile img { float:left; padding-right:15px; }
.tile1 { width:276px; }
.tile2 { width:270px; }
.tile3 { width:254px; position:relative; padding-left:154px; }
.tile3 img { padding-right:0px; position:absolute; z-index:-1; top:0px; left:0px; }
.tile3 h3, .tile3 p { z-index:0; }
/*-------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------*/

.the-eyesential-buzz { background-color:#efded6; height:37px; width:960px; color:#d5958e; }
.the-eyesential-buzz h4 { display:block; width:216px; font-size:12px; line-height:12px; text-align:right; padding:13px; border-right:#FFF solid 2px; float:left; text-transform:uppercase; font-weight:bold; }
.the-eyesential-buzz p { display:block; font-size:12px; line-height:12px; text-align:left; padding:13px; float:left; margin:0px; }
.the-eyesential-buzz p a { color:#d5958e; font-weight:bold; }
.the-eyesential-buzz p a:hover { text-decoration:none; }
/*-------------------------------------------------------------------------------
	Footer Nav
-------------------------------------------------------------------------------*/
.footer-nav { width:960px; height:20px; padding:15px 0px 20px; }
.footer-nav p.nav { float:right; text-transform:uppercase; font-size:11px; line-height:11px; color:#666666; margin:0px; padding:0px; padding-top:5px; }
.footer-nav p.nav a { color:#999; }
.footer-nav form.newsletter { float:left; text-transform:uppercase; font-size:11px; line-height:11px; color:#666666; margin:0px; padding:0px; }
.footer-nav form.newsletter label { float:left; position:relative; top:10px; padding-right:10px; color:#999; }
.footer-nav form.newsletter input[type=text] { float:left; position:relative; top:3px; padding:2px 4px; margin-right:5px; color:#999; font-size:13px;}
p.privacy-policy { font-size:9px; line-height:11px; color:#999; text-align:center; padding:0px 0px 10px; }
p.site-by, p.site-by a { font-size:9px; line-height:11px; color:#ccc; text-align:center; padding:0px; text-decoration:none;}


/*-------------------------------------------------------------------------------
	Product
-------------------------------------------------------------------------------*/
.slide #shopp { display:table; height:496px; width:960px; }
div.col-6 { width:470px; text-align:center; display:table-cell; vertical-align:middle; min-height:496px; padding-left:10px; }
div.col-6.first { width:470px; padding-right:6px; padding-left:0px; background:url(images/divider.gif) 100% 0% no-repeat; }
div.col-6.last { width:430px; padding-left:54px; }

td.col-6 {width:470px; text-align:center; vertical-align:middle;}
td.spacer div.divider {background:url(images/divider.gif) 50% 0% no-repeat;}
td.col-6.last {width:420px; padding-left:50px;}

.slide #shopp.product .col-6.last img { position:relative; margin-right:-70px; }
.slide #shopp .col-6.last .description { padding-left:36px; }
td.spacer .choose { position:absolute; top:150px; left:50%; width:100px; margin-left:-54px; }
td.spacer .choose p { text-align:center; margin:0px; padding:0px; color:#999; }
.slide #shopp .image { min-height:250px; line-height:250px; vertical-align:text-bottom; text-align:center; }
.slide #shopp h1 { font-size:24px; line-height:24px; margin:0px; }
.slide #shopp h1 span { color:#d5958e; }
.slide #shopp p.aud { font-size:10px; line-height:10px; color:#cbcbcb; padding-left:5px; width:auto; margin:0px; }
.slide #shopp .description { padding-left:70px; text-align:left; width:330px; }
p.quantity { padding-right:10px; }


/*-------------------------------------------------------------------------------
	Last Chance Product
-------------------------------------------------------------------------------*/
#last-chance {width:430px; background-color:#f6f6f6; padding-bottom:30px; overflow:hidden;}
#last-chance .image { min-height:250px; line-height:250px; vertical-align:text-bottom; text-align:center; }
#last-chance h1 { font-size:24px; line-height:24px; margin:0px; }
#last-chance h1 span { color:#d5958e; }
#last-chance h3 {color:#333333; font-size:15px; line-height:17px; font-weight:normal; margin-top:10px; text-align:center;}
#last-chance p.aud { font-size:10px; line-height:10px; color:#cbcbcb; padding-left:5px; width:auto; margin:0px; }
#last-chance .description { padding:0px 60px; text-align:left; text-align:center; }
#last-chance p.quantity { padding-right:10px; }



/*-------------------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------------*/
a.button, input.button-join { font-size:0px; line-height:0px; display:block; border:none; width:117px; height:33px; background-color:transparent; background-position:0px 0px; background-repeat:no-repeat; cursor:pointer; padding:0px; text-shadow:none;}
a.button:hover, input.button-join:hover { background-position:0px -33px; }
a.button.order-eyesential { width:150px; background-image:url(images/button-order-eyesential.gif); }
a.button.order-the-lift { width:132px; background-image:url(images/button-order-the-lift.gif);}
a.button.your-order { background-image:url(images/button-your-order.gif); text-indent: -9999px; }
a.button.order-now { background-image:url(images/button-order-now.gif); text-indent: -9999px; }
input.button-join {margin-top:3px; }
input.button-join { background-image:url(images/button-join.gif); width:56px; height:26px; float:left; text-indent: -9999px; }
input.button-join:hover { background-position:0px -26px; }