@charset "utf-8";
/* CSS Document */

#FreeFormatPage {width:1000px;position:relative;margin-bottom:10px;}
#FreeFormatPage h2, #FreeFormatPage h3, #FreeFormatPage h4, #FreeFormatPage h5, #FreeFormatPage h6 {font-weight:normal;}

.header {width:998px;height:66px;margin-bottom:10px;border:#d8d8d8 1px solid;}
.header h2 {float:left;padding:20px 0 0 10px;font:30px/30px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;color:#000;text-transform:uppercase;}
.headerlinks {float:right;}
.headerlinks a {float:right;height:48px;margin:4px 4px 0 0;padding:10px 10px 0 10px;background:#dbdbdb;font-family:'FranklinGothicLig', Arial, Helvetica, sans-serif;text-transform:uppercase;}
.headerlinks a:hover {background:#acacac;text-decoration:none;}
.headerlinks .shop {color:#000;font-size:14px;}
.headerlinks .category {color:#000;font-size:18px;font-weight:normal;}

#left a, #right a {width:38px;height:38px;position:absolute;top:0;z-index:1000;display:block;cursor:pointer;}
#left a {background:url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_leftNav.jpg') no-repeat 0 0;left:0;}
#right a {background:url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_rightNav.jpg') no-repeat 0 0;right:0;}
#left a:hover, #right a:hover {top:0;}

#sub-header {float:left;width:1000px;height:38px;position:relative;margin-bottom:10px;}
a.main_link1, a.main_link2, a.main_link3 {float:left;width:296px;height:34px;margin-left:6px;border:2px solid #dee0e2;cursor:pointer;}
a.main_link1 {margin-left:44px;}
a.main_link1 h3, a.main_link2 h3, a.main_link3 h3 {height:24px;padding:6px 0 0 0;background:#dee0e2;border:2px solid #fff;font:18px/20px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
a:hover.main_link1, a:hover.main_link2, a:hover.main_link3 {border:2px solid #b2b2b2;background:#ff7d85;color:#e51937;text-decoration:none;}
a:hover.main_link1 h3, a:hover.main_link2 h3, a:hover.main_link3 h3 {color:#e51937;}

#lifestyle {float:left;width:1000px;height:800px;position:relative;margin:0 0 10px 0;overflow:hidden;color:#fff;}
#lifestyle .slide {display: none;}
#page1, #page2, #page3, #page4 {width:1000px;height:800px;background:#dee0e2;}
#page2, #page3, #page4 {height:670px;z-index:10;}

#page1 {background:#dee0e2 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_MAGISCULPT.jpg') top right no-repeat;z-index:14!important;}
#page1 #textarea {float:left;width:430px;height:800px;position:relative;left:65px;}
#page1 #textarea #title {float:left;width:400px;height:280px;position:absolute;left:15px;background:#fff;background:rgb(255,255,255,.8);background:rgba(255,255,255,.8);}
#page1 #textarea #title h2 {float:left;width:400px;position:relative;top:38px;left:0;font:36px/36px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
#page1 #textarea #title h2 span {color:#e51937;font:100px/90px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;}
#page1 #textarea #title img.magiLogo {position:relative;top:67px;left:58px;}
#page1 #textarea p {float:left;width:372px;height:200px;position:absolute;top:303px;left:15px;padding:0 14px;font:16px/24px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;}
#page1 #textarea p strong {font-family:'RittsCursive', Arial, Helvetica, sans-serif; font-weight:normal;}
#page1 #textarea p span {color:#e51937;}
#page1 #textarea img.levels {position:relative;top:469px;left:58px;}
#page1 #textarea #trouble {float:left;width:430px;height:177px;position:absolute;top:583px;left:0;background:#fff;background:rgb(255,255,255,.8);background:rgba(255,255,255,.8);}
#page1 #textarea #trouble h3 {float:left;width:430px;position:relative;top:20px;left:0;margin-bottom:25px;font:22px/18px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
#page1 #textarea #trouble a {float:left;width:200px;height:21px;margin:0 0 10px 10px;padding-top:7px;background:#bec0c1;font:16px/17px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;}
#page1 #textarea #trouble a.last {margin-left:115px;}
#page1 #textarea #trouble a:hover {background:#dee0e2;color:#e51937;}

#page2 {background:#dee0e2 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_lightControlTitle.png') top right no-repeat;}
#page3 {background:#dee0e2 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_medControlTitle.png') top right no-repeat;}
#page4 {background:#dee0e2 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_firmControlTitle.png') top right no-repeat;}

#page2 .title, #page3 .title, #page4 .title {float:left;width:400px;height:173px;position:absolute;left:80px;background:#fff;background:rgb(255,255,255,.8);background:rgba(255,255,255,.8);}
#page2 .title h3, #page3 .title h3, #page4 .title h3 {float:left;width:400px;position:relative;top:44px;left:0;font:30px/30px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
#page2 .title h3 span, #page3 .title h3 span, #page4 .title h3 span {color:#e51937;font:70px/60px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;}
#page2 p.levelTitle, #page3 p.levelTitle, #page4 p.levelTitle {float:left;width:250px;position:absolute;top:76px;left:637px;font:34px/34px 'RittsCursive', Arial, Helvetica, sans-serif;color:#000;}

.product {float:left;width:300px;height:470px;position:relative;top:185px;margin-left:20px;}
.product.first {margin-left:30px;}
.product.firm {margin-left:190px;}
.product h4 {float:left;width:300px;position:relative;top:8px;left:0;padding:0;font:20px/18px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
.product img.prodImg {float:left;width:292px;height:272px;position:relative;top:15px;border:4px solid #fff;}
.product p {float:left;width:270px;height:100px;position:absolute;top:320px;left:0;padding:0 15px;font:14px/20px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;}
.product a.cta1, .product a.cta2 {float:left;width:198px;height:21px;position:relative;top:92px;left:48px;padding-top:5px;background:#bec0c1;border:1px solid #bec0c1;font:16px/20px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
.product a.cta2 {top:102px;background:#e51937;border:1px solid #e51937;color:#fff;}
.product a:hover.cta1 {background:#dee0e2;color:#e51937;}
.product a:hover.cta2 {background:#dee0e2;color:#e51937;}
.product a.cta1.extra {top:111px;}
.product a.cta2.extra {top:121px;}

#topTip, #upSellBox {float:left;width:493px;height:118px;position:absolute;top:680px;left:0;background:#eaeef2;border:1px solid #b2b2b2;display:block;}
#topTip h4 {float:left;width:400px;position:absolute;top:14px;left:12px;font:30px/30px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;color:#e51937;text-transform:uppercase;}
#topTip p {float:left;width:460px;position:absolute;top:49px;left:13px;font:16px/20px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;}
#topTip p span {color:#e51937;font-family:'RittsCursive', Arial, Helvetica, sans-serif;}

#upSellBox {left:505px;background:#eaeef2 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_Dresses.jpg') top right no-repeat;}
#upSellBox p {float:left;width:320px;position:absolute;top:14px;left:13px;font:16px/20px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;}
#upSellBox a {float:left;width:198px;height:20px;position:absolute;top:80px;left:12px;padding-top:6px;background:#bec0c1;border:1px solid #bec0c1;font:16px/16px 'FranklinGothicLig', Arial, Helvetica, sans-serif;color:#000;text-align:center;text-transform:uppercase;}
#upSellBox a:hover {background:#dee0e2;color:#e51937;}

#shopAll {float:left;width:1000px;height:50px;margin-bottom:10px;border-bottom:1px solid #000;}
#shopAll a {float:left;width:980px;height:29px;padding:11px 0 0 20px;background:#e51937 url('/repo/SBI/desktop/pages/freeformat/SS15/ShapewearGuide/02-images/1503ss_SBI_FF_ShapewearGuide_shopAllAccent.jpg') top right no-repeat;font:20px/20px 'FranklinGothicMedCon', Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;}

#productOptions {float:left;width:1000px;height:100px;margin-bottom:10px;}
#productOptions a {float:left;width:98px;height:67px;margin-right:8px;padding:33px 10px 0;background:#dee0e2;display:block;font:18px/18px 'RittsCursive', Arial, Helvetica, sans-serif;color:#e51937;text-align:center;}
#productOptions a.end {margin-right:0;}

#copy {margin-top:10px; }
#copy h5 {color:#979797;font-size:11px;}
#copy p {color:#979797;font-size:11px;}

#features {float:left;width:100%;height:275px;position:relative;margin:13px 0 0;clear:both;}
#features h4 {width:100%;margin:0 0 12px;padding:15px 0 5px;border-bottom:1px solid #000;font-family:'FranklinGothicLig',Arial,Helvetica,sans-serif;font-size:24px;}

