@charset "utf-8";
/* CSS Document for Definity Eye Illuminator micro site. */

img, div, a, h1, h2, input { behavior:url(../scripts/iepngfix.htc); }

/* CSS Document for Definity Eye Illuminator HOMEPAGE */
div#containerContent { height:540px !important;}

.bgHomepage { background:url(../images/bg_definity-eye-illuminator.jpg) no-repeat left top;}

.bgProductpage { background:url(../images/bg_product_page.jpg) no-repeat left top;}

.HomepageTitle {width:350px; height:38px; position:absolute; left:378px; top:80px;}
.HomepageTitle h1 {width:350px; height:38px; background:url(../images/img_title_definity_eye_illu.png) no-repeat left top; text-indent:-9999px;}

.HomepageCopy {width:256px;height:42px;position:absolute; left:378px; top:120px;}
.HomepageCopy  h2 {width:256px;height:42px; background:url(../images/img_copy_definity_eye_illu.png) no-repeat left top; text-indent:-9999px;}

.womanHomeTxt {width:205px;height:74px;position:absolute; left:378px; top:173px;}

.HomepageProduct { width:270px; height:283px; background:url(../images/img_definity_product.png) no-repeat left top; position:absolute; left:644px; top:120px;}

.DefinityBtn { width:205px; height:37px; position:absolute; left:378px; top:263px;}
.DefinityBtn a { display:block; cursor:pointer; width:205px; height:37px; background:url(../images/btn_definity_eye_illuminator.png) no-repeat left top;}
.DefinityBtn a:hover { background:url(../images/btn_definity_eye_illuminator_hover.png) no-repeat left top;}

.EffectBtn { width:205px; height:37px; position:absolute; left:378px; top:303px;}
.EffectBtn a { display:block; cursor:pointer;  width:205px; height:37px; background:url(../images/btn_effect_dark_circles.png) no-repeat left top;}
.EffectBtn a:hover { background:url(../images/btn_effect_dark_circles_hover.png) no-repeat left top;}

.BuyOnline { width:135px; height:37px; position:absolute; left:777px; top:403px;}
.BuyOnline a { display:block; cursor:pointer; width:135px; height:37px; background:url(../images/img_buyonline.png) no-repeat left top;}

/* CSS Document for Definity Eye Illuminator PRODUCT PAGE */

.ProductpageTitle { width:350px; height:38px; position:absolute; left:283px; top:141px;}
.ProductpageTitle h1 {width:350px; height:38px; background:url(../images/img_title_definity_eye_illu.png) no-repeat left top; text-indent:-9999px; }

.ProductpageCopy { width:317px; height:37px; position:absolute; left:283px; top:188px;}
.ProductpageCopy h2 {width:317px;height:37px; background:url(../images/img_copy_definity_eye_product_page.png) no-repeat left top; text-indent:-9999px;}

.ProductpageProduct { width:270px; height:283px; background:url(../images/img_definity_product.png) no-repeat left top; position:absolute; left:670px; top:120px;}

.DefinityProductBtn { width:205px; height:37px; position:absolute; left:57px; top:245px;}
.DefinityProductBtn a { display:block; cursor:pointer; width:205px; height:37px; background:url(../images/btn_definity_eye_illuminator.png) no-repeat left top;}
.DefinityProductBtn a:hover { background:url(../images/btn_definity_eye_illuminator_hover.png) no-repeat left top;}

.EffectProductBtn { width:205px; height:37px; position:absolute; left:57px; top:286px;}
.EffectProductBtn a { display:block; cursor:pointer; width:205px; height:37px; background:url(../images/btn_effect_dark_circles.png) no-repeat left top;}
.EffectProductBtn a:hover { background:url(../images/btn_effect_dark_circles_hover.png) no-repeat left top;}

.ProductpageTxtContent { width:350px; height:auto; position:absolute; left:283px; top:240px; font-size:0.75em !important; color:#FFFFFF !important;}

.DiscoverBtn { width:228px; height:59px; position:absolute; left:405px; top:382px;}
.DiscoverBtn a { display:block; cursor:pointer; width:228px; height:59px; background:url(../images/btn_discover.png) no-repeat left top;}
.DiscoverBtn a:hover {background:url(../images/btn_discover_hover.png) no-repeat left top;}

.ProductBuyOnline { width:135px; height:37px; position:absolute; left:770px; top:403px;}
.ProductBuyOnline a { display:block; cursor:pointer; width:135px; height:37px; background:url(../images/img_buyonline.png) no-repeat left top;}

/* CSS Document for Definity Eye Illuminator RESEARCH PAGE */

.bgResearhPage { background:url(../images/bg_research_page.jpg) no-repeat left top;}

.ResearchPageTitle { width:234px; height:77px; position:absolute; left:283px; top:70px;}
.ResearchPageTitle h1 {width:234px; height:77px; background:url(../images/bg_title_research_page.png) no-repeat left top; text-indent:-9999px; }

.ResearchPageCopy {width:316px; height:18px; position:absolute; left:289px; top:153px;} 
.ResearchPageCopy p {font-size:0.75em !important; color:#FFFFFF !important;}

.ResearchPageCenterContainer { width:310px; height:191px; border:#FFFFFF solid 3px; position:absolute; left:283px; top:191px;}
.ResearchPageCenterContainerImg { width:310px; height:124;}
.ResearchPageCenterContainerTxt { width:310px; height:67px; background-color:#000000; background:url(../images/bg_research_page_center_box.gif) repeat-y ;}
.ResearchPageCenterContainerTxt p { font-size:0.75em !important; color:#FFFFFF !important; padding-left:15px; padding-top:10px;}

.ResearchPageBoxContainer { width:330px; height:450px; position:absolute; left:623px;top:105px;}

.BuyOnlineResearchPage { width:238px; height:105px; position:absolute; left:730px; top:420px;}
.BuyOnlineResearchPage a { display:block; cursor:pointer; width:238px; height:105px; background:url(../images/img_buyonline_reserach_page.png) no-repeat left top;}

/* CSS Document for Definity Eye Illuminator RESEARCH PAGE - ACCORDION with curvy layout */

.blockAccordion {width:330px; position:relative; background:url(../images/bg_accordion.gif) no-repeat left top; overflow:hidden;}
.blockAccordion .curvyCorner { position:absolute; top:0; right:0; width:20px; height:450px;}

ul.ui-accordion-container {width:330px; margin:0; padding:0; list-style-type:none;}
ul.ui-accordion-container li{width:330px; clear:both; margin:0; padding:0; background:url(../images/bg-li-panel.jpg) no-repeat 0 0;}
ul.ui-accordion-container li a.ui-accordion-link {height:31px; padding:5px 5px 0 10px; width:315px; color:#3d3d3d; font:bold 0.8em arial; display:block; background:url(../images/bg-link-arr.gif) no-repeat 300px 13px; margin-right:3px; line-height:29px; text-decoration:none; outline:0;}
ul.ui-accordion-container li a.ui-accordion-link:hover {height:31px; padding:5px 5px 0 10px; color:#3d3d3d; font:bold 0.8em arial; display:block; background:url(../images/bg-link-arr.gif) no-repeat 300px 13px; margin-right:3px; line-height:29px; text-decoration:none; outline:0;}
ul.ui-accordion-container li a.ui-accordion-link-active, ul.ui-accordion-container li a.ui-accordion-link-active:hover {height:31px; padding:5px 5px 0 10px; color:#3d3d3d; font:bold 0.8em arial; display:block; background:url(../images/bg-link-arr-down.gif) no-repeat 300px 13px; margin-right: 3px; line-height: 29px; text-decoration:none; outline:0;}
ul.ui-accordion-container li div.ui-accordion-content {clear:both; width:290px; padding:0 30px 0 10px;}

.ui-accordion-container .liBorderTop {border-top:solid 1px #aeafb2;}
.ui-accordion-content p {margin:0; padding:0 0 17px 0; font-size:0.74em; color:#000000;}
.ui-accordion-content .copySource {margin:0; padding:30px 70px 10px 0; font-size:0.6em; color:#000000;}
ul.blockInfo-container {margin:0; padding:0 0 0 10px; list-style-type:disc;}
ul.blockInfo-container li {margin:0; padding:0 0 7px 0; font-size:0.74em; color:#000000; background:none; width:auto;}