/* Generated by dotEditor - direct edits to this file will not persist - please see stylesheet "global.css" in dotEditor style management */ body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #454545;} body {background:url(/images/header_bg.png) repeat-x #fff ; } p { margin: 10px 0; line-height: 1.5;} a { color: #ca2f35;} a:hover { text-decoration: none;} a.button { padding: 5px 10px; background: #ca2f35; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; letter-spacing: -1px;} a.button:hover { background: #9f0b10;} a.ask { float: right; margin-top: 20px;} input[type=text], input[type=password] { padding: 0 5px; height: 21px; border: 1px solid #666;} input[type=submit], input[type=button] { border: 0; padding: 3px 6px; background-color: #ca2f35; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; letter-spacing: -1px;} input[type=submit]:hover, input[type=button]:hover { background: #9f0b10;} select, textarea { padding: 3px; border: 1px solid #666;} textarea.ask { width: 514px; height: 100px; margin-bottom: 10px;} input.s { width: 50px;} input.m { width: 125px;} input.l { width: 200px;} input.xl { width: 275px;} h2 { font-size: 25px; font-weight: bold; letter-spacing: -2px; margin: 20px 0; color: #242961;} h2.woman { color: #9c0e57;} h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; letter-spacing: -1px; color: #242961;} h3.cross_sell { padding: 10px; background: #242961; color: #fff;} h3.usnhero { color: #666; background: #d6d6d6 url(../../images/accordion_arrow.png) no-repeat 10px center; padding: 10px 10px 10px 25px; border-width: 10px 0; border-style: solid; border-color: #fff; cursor: pointer; margin: 0; } #wrapper { margin:0 auto 30px; width:1000px;} #masthead { padding: 0 9px; height: 147px; color: #fff; z-index: 9999; } #head_left { width: auto; float: left;} #logo { width: 231px; height: 67px; padding: 20px 0; float: left;} .search { padding: 10px; width: 323px; background: url(/images/1px_trans.png) repeat; margin: 0 50px; float: left;} .search input[type=text] { width: 266px; float: left; border-color: #fff; line-height: 21px; margin-right: 5px;} .search input[type=button] { height: 23px; float: right;} #main_nav ul li { display: block; float: left; text-transform: uppercase; font-size: 14px; font-weight: bold; border-left: 1px solid #5c5f8a; height: 40px; letter-spacing: -1px; margin: 0; position:relative; z-index: 9999; } #main_nav ul li:first-child { border: 0; } #main_nav ul li a { display: block; float: left; padding: 0 10px; height: 40px; line-height: 40px; color: #fff; text-decoration: none; margin: 0 1px; } #main_nav ul li a:hover, #main_nav ul li a.current { background: #5c5f8a;} #saracens { width: 85px; height: 101px; padding: 20px; float: left;} #basket { padding: 10px; height: 126px; background: url(/images/1px_trans.png) repeat; float: right; width: 160px;} #basket h2 { font-size: 20px; letter-spacing: -1px; margin: 0 0 10px 0; border: none; color: #fff; font-weight: normal;} #basket .row { display: block; padding-bottom: 5px;} #basket .label { width: 50%; float: left; font-weight: bold;} #basket .amount { width: 50%; float: right; text-align: right;} #basket p { display: block; padding: 5px 0 10px 0; margin: 0; line-height: 1;} #basket a { color: #fff; font-weight: bold;} #basket a.bag { float: left; display: inline;} #basket a.checkout { float: right; display: inline;} #main { padding: 10px 20px; background: z-index: 1000;} #promos { padding-bottom: 10px; border-bottom: 1px solid #ccc;} #promos li { display: inline-block; font-size: 14px; font-weight: bold; margin-right: 25px; text-transform: uppercase; letter-spacing: -1px; height: 24px; line-height: 24px;} #promos li.atom { padding-left: 25px; background: url(/images/atom.gif) no-repeat left center;} #promos li.phone { padding-left: 30px; background: url(/images/phone.gif) no-repeat left center;} #promos li.social { float: right; text-align: right; width: auto; margin: 0;} #content { padding: 10px 0 0 0;} #body { width: 717px; float: right;} #sidebar { width: 233px; float: left;} #sidebar img { margin-bottom: 10px;} #breadcrumb { display: block; padding: 10px; background-color: #242961; color: #fff; text-transform: uppercase; font-weight: bold;} #breadcrumb a { color: #fff; text-decoration: none;} #breadcrumb a:hover { text-decoration: underline;} #listing { width: 727px;} #listing .product { margin: 0 10px 10px 0;} #details { margin: 20px 0;} #product_image { width: 200px; height: 200px; border: 1px solid #ccc; float: left; margin-right: 20px;} #product_select { width: 495px; height: 202px; float: right; position: relative;} #product_select h2 { border: 0; margin: 0; font-size: 30px;} #product_price { font-size: 25px; letter-spacing: -2px;} #product_select input.buy { position: absolute; bottom: 0; right: 0; font-size: 25px; height: 40px;} #options { margin: 20px 0; background: #f3f3f3; padding: 5px 10px;} #options label { font-weight: bold; display: inline; width: 75px; height: 23px; line-height: 25px;} #options input { width: 50px;} #options select { width: 175px; margin-right: 20px;} #product_description ul { display: block; margin-left: 40px; list-style-type: disc;} #product_description ul li { display: list-item; line-height: 20px;} #product_info { margin: 20px 0;} #product_tabs { padding: 10px 10px 0 10px; background-color: #242961;} #product_tabs ul li { display: inline; color: #242961;} #product_tabs ul li a { display: inline-block; padding: 7px 10px; background-color: #5c5f8a; color: #fff; font-weight: bold; font-size: 14px; letter-spacing: -1px; text-decoration: none;} #product_tabs ul li a:hover { background-color: #7b7ea2;} #product_tabs ul li a.current { background-color: #fff; color: #454545;} .info_tab { display: none; padding: 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; line-height: 1.5;} #hero { width: 717px; height: 353px; position: relative; margin-bottom: 10px;} #heronav { width: 170px; height: 353px; float: left; background: url(/images/feature_nav.gif) no-repeat; position: absolute; z-index: 2;} #heronav ul { margin: 20px 0;} #heronav ul li { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 5px 0;} #heronav ul li a { display: block; color: #fff; text-decoration: none; height: 59px; line-height: 59px; width: 190px; padding-left: 10px;} #heronav ul li a:hover { width: 160px; cursor: pointer;} #heronav ul li a.current { background-image: url(/images/feature_tabs.png); background-repeat: no-repeat;} #heronav ul li a.current:hover { width: 200px; background-color: transparent !important;} #heronav ul li#muscle a:hover { background-color: #fdd100;} #heronav ul li#muscle a.current { background-position: 0 0;} #heronav ul li#women a:hover { background-color: #b8006f;} #heronav ul li#women a.current { background-position: 0 -59px;} #heronav ul li#endurance a:hover { background-color: #91a728;} #heronav ul li#endurance a.current { background-position: 0 -118px;} #heronav ul li#toning a:hover { background-color: #f6821f;} #heronav ul li#toning a.current { background-position: 0 -177px;} #heronav ul li#health a:hover { background-color: #681972;} #heronav ul li#health a.current { background-position: 0 -236px;} #swap { width: 547px; height: 353px; float: right; overflow: hidden;} #swap .section { position: relative;} #swap .description { position: absolute; left: 0; bottom: 0; z-index: 1; background: url(/images/1px_trans.png) repeat; padding: 10px 40px 15px 40px; width: 467px; color: #fff;} #swap .description a { color: #fff;} #swap .description h3 { color: #fff;} #products { width: 717px; height: 201px; margin-bottom: 10px;} .product { float: left; width: 151px; height: 181px; border: 5px solid #d6d6d6; margin-left: 11px; position: relative; padding: 5px;} .product:first-child { margin-left: 0;} .product img.attribute { position: absolute; top: 10px; right: 10px;} .product .img { width: 100px; height: 100px; margin: 0 auto; padding: 0 0 3px 0;} .product span.product_name { display: block; font-size: 14px; letter-spacing: -1px; font-weight: bold;} .product a.title { color: #454545; text-decoration: none;} .product a.title:hover { color: #ca2f35;} .product span.was { display: block; color: #ca2f35; text-decoration: line-through; height: 22px; width: 100%; font-weight: bold; font-size: 11px; letter-spacing: -1px; line-height: 22px; position: absolute; bottom: 25px; left: 5px; } .product span.price { display: block; font-weight: bold; font-size: 20px; letter-spacing: -1px; position: absolute; bottom: 5px; left: 5px;} .product a.button { position: absolute; bottom: 5px; right: 5px;} .filter_results { margin-bottom: 26px;} .filter_left { width: 30%; float: left;} .filter_left label { font-weight: bold; margin-right: 20px;} .filter_right { width: 70%; float: right; text-align: right;} .filter_right a { color: #454545; margin: 0 20px;} .filter_right .left { float: left !important;} .filter_right span:first-child { float: right; width: auto; display: block;} .filter_right span a, .filter_right span .current { display: inline-block; margin: 0 2px; border: 1px solid #d6d6d6; padding: 2px 5px; text-decoration: none;} .filter_right span a:hover { border-color: #454545;} .filter_right span .current { background-color: #d6d6d6; border-color: #454545;} .product_list { display: block; border: 5px solid #d6d6d6; margin-bottom: 10px; position: relative; padding: 10px; width: 687px;} .product_list img.attribute { position: absolute; top: 60px; left: 160px;} .product_list .img { width: 150px; height: 100px; margin: 0 auto; padding: 25px 0; float: left; text-align: center;} .product_list .desc { width: 350px; float: left; height: 150px;} .product_list a.title { color: #454545; text-decoration: none;} .product_list a.title:hover { color: #ca2f35;} .product_list span.product_name { display: block; font-size: 20px; letter-spacing: -1px; font-weight: bold;} .product_list .pricing { width: 150px; float: right; text-align: right;} .product_list span.was { display: block; color: #ca2f35; text-decoration: line-through; height: 22px; width: 100%; font-weight: bold; font-size: 11px; letter-spacing: -1px; line-height: 22px;} .product_list span.price { display: block; font-weight: bold; font-size: 30px; letter-spacing: -2px;} .product_list a.button { position: absolute; bottom: 10px; right: 10px; font-size: 20px;} #intro { margin-bottom: 10px; height: 200px; overflow: hidden; } #intro h2 { font-size: 20px; text-transform: uppercase; color: #ca2f35; margin: 0 0 10px 0; border: 0;} #training { float: left; width: 333px; height: 183px; background: url(/images/training_box.gif) no-repeat; margin-bottom: 10px; position: relative; padding: 10px;} #training h3 { padding: 5px 0 5px 0; color: #454545;} #training ul { width: 165px; float: left;} #training ul li { display: block; font-size: 14px; font-weight: bold;} #training ul li a { display: block; padding: 7px 0 7px 20px; text-decoration: none; color: #454545; background: url(/images/arrow_red.png) no-repeat 5px center;} #training ul li a:hover { color: #ca2f35; text-decoration: underline;} #training a.button { position: absolute; bottom: 10px; right: 10px;} #benefits { float: right; width: 333px; height: 183px; background: url(/images/benefits_box.gif) no-repeat; margin-bottom: 10px; color: #fff; padding: 10px;} #benefits h3 { padding: 5px 0 5px 0; color: #fff;} #benefits ul { width: 165px; float: left;} #benefits ul li { display: block; font-size: 12px;} #benefits ul li a { display: block; padding: 10px 0; text-decoration: none; color: #fff;} #benefits ul li a strong { display: block;} #benefits ul li a:hover { text-decoration: underline;} #links .col { width: 353px; height: 202px; float: right; background: url(/images/links_bg.gif) repeat-y top left #fff;} #links .col:first-child { float: left;} #links .col .goal { height: 57px; width: 323px; padding: 5px 10px; border-left-width: 10px; border-left-style: solid; margin-top: 1px; line-height: 1.5;} #links .col .goal:first-child { margin-top: 0; height: 56px;} #links .col .goal h3 { font-size: 20px; font-weight: normal; margin: 0 0 5px 0; line-height: 1; letter-spacing: -1px; color: #454545;} #links .col .goal a { color: #003888;} #links .col #muscle { border-color: #fdd100;} #links .col #women { border-color: #b8006f;} #links .col #endurance { border-color: #91a728;} #links .col #toning { border-color: #f6821f;} #links .col #health { border-color: #681972;} #filter { padding: 10px; margin: 0 0 10px 0; width: 213px; height: 118px; background: url(/images/filter_box.gif) no-repeat;} #filter select { width: 213px; border: 1px solid #999; margin-bottom: 4px;} #filter a { float: right; margin-top: 8px;} #news { padding: 10px; margin-bottom: 10px; width: 213px; color: #fff; background: url(/images/news_bg.gif) no-repeat #242961; position: relative; overflow: hidden;} #news h3 { color: #fff;} #news li { background:url("/images/atom_bullet.png") no-repeat left 5px transparent; display:block; padding:0 0 20px 24px;} #news a { color: #fff; font-weight: bold;} #news a.button { position: absolute; top: 10px; right: 10px;} #text { padding: 10px 0;} #text h3 { color: #9c0e57;} .woman_articles { width: 313px; height: 165px; padding: 10px; border: 10px solid #ff9bcd; margin-bottom: 10px;} .woman_articles h3 { color: #9c0e57; margin: 0 0 5px 0;} .woman_articles ul li a { display: block; padding: 4px 0; color: #454545; font-weight: bold; text-decoration: none;} .woman_articles ul li a span { color: #ff9bcd;} .woman_articles ul li a:hover { color: #9c0e57;} .hero { float: left; width: 151px; height: 181px; border: 10px solid #d6d6d6; margin-left: 11px; margin-bottom: 11px; position: relative; padding: 0;} .hero:first-child, .nomargin { margin-left: 0;} .hero:hover { border-color: #ca2f35;} .hero_detail a { text-decoration: none; padding: 5px; text-align: center; display: block; font-weight: bold; color: #454545;} .hero_detail a span { display: block; font-size: 15px; letter-spacing: -1px; color: #252a62;} .programme { float: left; width: 171px; height: 201px; margin: 0 10px 10px 0; position: relative; overflow: hidden;} .programme .prog_title { position: absolute; bottom: 40px; left: 10px; font-size: 20px; letter-spacing: -1px; font-weight: bold;} .programme .white { color: #fff;} .programme .black { color: #000;} .programme a.button { position: absolute; bottom: 10px; left: 10px;} .show { width: 90px; height: 70px; float: left;} .tell { width: 627px; float: right;} .question { padding: 10px; background: #e9e9ef; color: #ca2f35; font-weight: bold;} #contact_left { width: 171px; float: left; line-height: 1.25;} #contact_left span { font-size: 15px; letter-spacing: -1px; font-weight: bold; color: #252a62;} #contact_right { padding-left: 10px; float: right; border-left: 1px dotted #666; width: 533px;} #contact_right label { display: block; float: left; width: 100px; font-weight: bold;} #contact_right p { clear: both;} #contact_right textarea { width: 423px; height: 150px;} #contact_right input[type=submit], #contact_right input[type=button] { margin-left: 100px;} .modal_bg { filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; width: 100%; height: 100%; background: #000; position: fixed; z-index: 500; top: 0px; left: 0px;} .modal_box { width: 520px; padding: 10px; background: #fff; margin: 0 auto; position: relative;} .modal_wrapper { display: none; width: 100%; position: fixed; left: 0pt;} .modal_pos { z-index: 2000; position: fixed; top: 18%; display: block; width: 100%;} .close_modal { display: block; width: 12px; height: 12px; top: 10px; right: 10px; position: absolute;} .modal_box input[type=submit], .modal_box input[type=button] { float: right;} #footer { padding: 10px 20px 20px 20px; } #left_foot { width: 65%; float: left;} #right_foot { width: 35%; float: right; text-align: right;} #foot_nav { padding-bottom: 30px;} #foot_nav a { color: #454545; margin: 0 5px;} #foot_nav a:first-child { margin: 0 5px 0 0;} #copyright { font-size: 11px;} #copyright a { color: #454545;} #footer_social { font-weight: bold; color: #ec8b18; font-size: 14px; padding-bottom: 10px;} .float_left { float: left;} .float_right { float: right;} .clear { display: block; clear: both; height: 0;} #single { width: 850px; margin: 0 auto;} #accountnav ul li { display: block; float: left; font-size: 15px; font-weight: bold; letter-spacing: -1px; color: #d6d6d6;} #accountnav ul li.right, #accountnav ul li.right a { float: right;} #accountnav ul li a { display: block; float: left; color: #242961; padding: 6px; margin: 0 3px; text-decoration: none;} #accountnav ul li a:hover { background-color: #242961; color: #fff;} #accountnav ul li a.active { background-color: #CA2F35; color: #fff;} #accountnav ul li span { display: block; float: left; padding: 6px;} .accountDetails { border: 10px solid #d6d6d6; margin: 50px 0; width: 390px; float: left;} .accountChangePassword { border: 10px solid #d6d6d6; margin: 50px 0; width: 390px; float: left;} .accountlogin, .accountSignup, #delivery, #billing, #orders { border: 10px solid #d6d6d6; margin: 50px 0;} .accountlogin, .accountSignup { height: 300px;} .accountlogin { width: 280px; float: left;} .accountSignup { width: 500px; float: right;} #delivery, #billing { width: 390px;} #delivery { float: left;} #billing { float: right;} #orders { float: left; width: 850px; padding: 10px; border: 0;} .headerbar { padding: 10px; border-bottom: 1px solid #d6d6d6;} .headerbar h2 { margin: 0; padding: 0; font-size: 20px; letter-spacing: -1px;} .boxbody { padding: 10px;} .boxbody a.forgot { display: inline; float: right; margin-top: 3px;} .boxbody label { font-weight: bold; display: inline-block; height: 25px; line-height: 25px;} .boxbody select.title { padding: 2px; width: 65px;} .formitem { float: left; margin: 0 5px 10px 5px;} .orderitem { padding: 10px 0; border-bottom: 1px solid #d6d6d6;} .ordernum { font-size: 20px; letter-spacing: -1px; width: 500px; float: left; margin: 0 0 20px 0; font-weight: bold; color: #ca2f35;} .details { font-size: 13px;} .details strong, .address strong { display: block; float: left; width: 120px; padding: 3px 0;} .details span, .address span { display: block; float: left; width: 710px; padding: 3px 0;} table.order { width: 100%; margin: 17px 0;} table.order th, table.order td { padding: 10px; border-top: 1px solid #e2e2e2;} table.order th { font-size: 15px; background: #f5f5f5;} table.order th:first-child { text-align: left;} table.order th.total { text-align: right; border-right: 1px solid #e2e2e2;} table.order th.noborder, table.order td.noborder { border-top: 0;} table.order th.borderbtm, table.order td.borderbtm { border-bottom: 1px solid #e2e2e2; border-top: 0;} table.order th.sub, table.order td.sub { border-bottom: 1px solid #e2e2e2;} table.order td { vertical-align: top;} table.order td.prod_img { width: 120px;} table.order td.item { font-size: 15px; font-weight: bold; color: #ca2f35;} table.order td.qty { text-align: center;} table.order td.price { text-align: center; font-weight: bold;} table.order td.total_price { text-align: center; font-weight: bold; font-size: 15px;} .error { display: block; padding: 10px 10px 10px 32px; background: url(/images/error.gif) no-repeat 10px 11px #fef8f6; color: #cd0a0a; border: 1px solid #cd0a0a;} .information { display: block; padding: 10px 10px 10px 32px; background: url(/images/info.gif) no-repeat 10px 11px #e7ffc7; color: #8fb87f; border: 1px solid #8fb87f;} h3.usnhero:hover { color: #242961; background-color: #ccc; } h3.udnhero.active, h3.usnhero.active:hover { background: #242961 url(../../images/accordion_arrow_down.png) no-repeat 10px center; color: #fff; } #main_nav ul li a:hover, #main_nav ul li a.active { background: #5c5f8a; } #main_nav ul li ul { display: none; position: absolute; left: 0; top: 40px; padding: 0; width: 200px; border: 2px solid #252a62; border-top: none; background: #fff; z-index: 3000; } #main_nav ul li ul li { display: block; float: none; font-size: 12px; border: none; height: auto; margin: 0; border-top: 1px solid #ccc; } #main_nav ul li ul li:first-child { border-top: none; } #main_nav ul li ul li a { display: block; padding: 10px 10px 10px 22px; color: #252a62; float: none; height: auto; line-height: 1; color: #666; margin: 0; background: transparent url(../../images/subnav_arrow.png) no-repeat 10px center; position: relative; letter-spacing: normal !important; } #main_nav ul li ul li a span { position: absolute; top: 0; right: 10px; display: block; padding: 8px 0; } #main_nav ul li ul li a:hover, #main_nav ul li ul li a.active { background: #d6d6d6 url(../../images/subnav_arrow.png) no-repeat 10px center; } #main_nav ul li ul li ul { position: absolute; top: 0; left: 200px; z-index: 4000; border: 2px solid #252a62; padding: 0; } #main_nav ul li ul li ul li a span { display: none; } .hero_list { display: none; overflow: hidden; position: relative; zoom: 1; top: 1px; border: none; } #hero_head { margin-top: 20px; display: block; width: 716px; height: 244px; position: relative; background: url(../../images/hero_header.jpg) no-repeat; } #hero_head h2 { position: absolute; top: 30px; left: 30px; width: 363px; height: 144px; color: #fff; margin: 0; padding: 0;} #hero_head h2 span { font-size: 90%; display: block; color: #ca2f35; } #hero_head img { float: right; } .twitter { overflow:hidden; } img.cards { margin:10px 0 0 190px; } .remember_offer { color:#CA2F35; font-size:25px; font-weight:bold; } .product .coming_soon { padding: 5px 10px; background: #242961; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; cursor: default; letter-spacing: -1px; position: absolute; bottom: 5px; right: 5px;} #product_select .coming_soon { line-height: 31px; border: 0; padding: 3px 6px; background-color: #ca2f35; color: #fff; font-weight: bold; cursor: default; letter-spacing: -1px; position: absolute; bottom: 0; right: 0; font-size: 25px; line-height: 40px; height: 40px;} #sponsors { overflow: hidden; display:block; width: 85px; height: 101px; margin: 20px; float: left; position: relative; overflow:hidden; } #sponsors .slide_item { border: none; display: none; left: 0; top: 0; position: absolute; } body form#aspnetForm { } #atom { background: transparent; } h3.heroes { border-bottom: 1px dotted #999; padding-bottom: 3px; } h3.usnhero.active, h3.usnhero.active:hover { background: #242961 url(../../images/accordion_arrow_down.png) no-repeat 10px center; color: #fff; } #main_nav { z-index: 9999; } .author { color: #CA2F35; font-size: 16px; font-weight: bold; } .profile_col { width: 336px; } .profile_col.left { float: left; } .profile_col.right { float: right; } .profile_col h3 { color: #CA2F35; } .profile_col h3 span { display: block; font-size: 125%; } .interview, .regime, .competition { font-size: 20px; font-weight: bold; } .question { background: none; color: #CA2F35; font-size: 16px; padding: 0; } .answer { margin-bottom: 20px; } .answer span { font-size: 16px; font-weight: bold; } .timeslot { border-bottom: 1px solid #ccc; padding: 10px 0; } .timeslot .time { color: #CA2F35; float: left; font-size: 16px; font-weight: bold; width: 200px; } .timeslot .desc { float: left; width: 495px; } .competition span { color: #CA2F35; } #competition ul { list-style: outside disc; margin: 0 0 20px 12px; } #competition ul li { diplay: block; float: left; padding: 0 0 5px; width: 50%; } #competition .form { margin-top: 20px; } #competition .form label { display: block; float: left; font-weight: bold; width: 150px; } #competition .form label.nofloat { float: none; margin-bottom: 5px; width: 100%; } #competition .form textarea { height: 250px; width: 687px; } #competition h3 { color: #CA2F35; margin-top: 20px; } #competition ol { font-size: 90%; list-style: outside decimal; margin-left: 20px; }