/* ************************************** GINA.COM - global.css ************************************** */ /* HTML */ html, body, form#aspnetForm {height:100%;} body {margin:0;border:0;padding:0;font-family: Georgia, "Times New Roman", Times, serif;background:#222;font-size:62.5%; color:#fff;text-align:center;background:#000;} /*h1 {margin:0;padding:0 0 10px 0;border:0;color:#fff;font-weight:normal;font-size:1.5em;line-height:1.9em;}*/ h1, h2 {margin:0;padding:2px 0 5px 0;border:0;color:#000;font-weight:normal;font-size:1.8em;line-height:17px;} div.h3,h3 {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:1.3em;line-height:1.5em;} div.h4,h4 {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:1.2em;line-height:1.4em;} div.h5,h5 {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:1.1em;line-height:1.4em;} p {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:1.1em;line-height:1.4em;} span {line-height:1.4em;} a {text-decoration:none;color:#000;cursor:pointer;} a:link, a:visited {text-decoration:none;color:#000;} a:hover, a:active {text-decoration:none;color:#999;} ul {margin:0;padding:0;} li {font-weight:normal; font-size:1.1em; line-height:1.4em; letter-spacing:0.01em;} table, tr {} th, td {font-size:0.8em;line-height:1.4em;color:#000;} em {font-style:italic} strong {font-weight:bold;} address {color:#000;margin:0;padding:0 0 10px 0;border:0;font-weight:normal;font-size:13px;line-height:1.4em;font-style:normal;} input {padding:2px;font-size:0.9em;font-family: Georgia, "Times New Roman", Times, serif;} fieldset {margin:0;border:0;padding:0;} label {padding:0 0 10px 0; color:#000; font-weight:normal; font-size:1em; line-height:1.4em;} textarea {font-size:1em;font-family: Georgia, "Times New Roman", Times, serif;} /* mini classes */ .bye {margin:0;padding:0;position:absolute;top:-500em;left:-500000em;height:1px;width:1px;z-index:-1;text-indent:-1000em;overflow:hidden;} .tuck {text-indent:-500000em;overflow:hidden;display:block;} .clear {clear:both;} .left {float:left;} .right {float:right;} .start {border-left:none;} .last {border-right:none;} .digit {font-family:"Times New Roman", Times, serif;} .block {display:block;} .u-line {text-decoration:underline;} /* masthead */ ul#admin { background:#000;border-bottom:1px solid #000;padding:16px 0 12px 0;width:942px;margin:0 auto;} ul#admin li { display:inline;border-right:1px solid #333;padding:1px 7px;} ul#admin li a { color:#5c5959;} ul#admin li a:hover { color:#90886f;} ul#admin li.end { border-right:0;border-left:0;} #nav { width:942px;margin:0 auto;height:65px;} #nav ul { color:#dad9d9;padding:0;} #nav ul li { color:#dad9d9; display:block;float:left;font-weight:bold;font-size:0.9em;} #nav ul li a { color:#dad9d9; text-transform:uppercase;padding:0;margin:0;cursor:pointer;} #nav ul li a:hover { color:#90886f;} #nav ul li.logo { width:182px;margin:0 auto;text-align:left;} #nav ul li.logo a {margin:0;display:block;padding:0 0 0 31px;background-image:none;} #nav ul li.logo a img { display:block;display:block;width:120px;height:39px;} #nav ul li.store { float:left; width:130px; padding:13px 0 0 0;} #nav ul li.heritage { float:left; width:130px; padding:13px 0 0 0;} #nav ul li.press { float:right; width:130px; padding:13px 0 0 0;} #nav ul li.boutiques { float:right; width:130px; padding:13px 0 0 0;} #nav ul li a {background-image: url(../../public/images/system/gina-sprite.gif); background-repeat:no-repeat;} #nav ul li.store a { background-position: -352px 005px;display:block;width:auto;height:20px;} #nav ul li.heritage a { background-position: -353px -032px;display:block;width:auto;height:20px;} #nav ul li.press a { background-position: -386px -070px;display:block;width:auto;height:20px;} #nav ul li.boutiques a { background-position: -390px -106px;display:block;width:auto;height:20px;} #nav ul li.store a:hover { background-position: -352px -154px;} #nav ul li.heritage a:hover { background-position: -353px -191px;} #nav ul li.press a:hover { background-position: -386px -229px;} #nav ul li.boutiques a:hover { background-position: -390px -265px;} #store #nav ul li.store a { background-position: -352px -154px;} #heritage #nav ul li.heritage a { background-position: -353px -191px;} #press #nav ul li.press a { background-position: -386px -229px;} #boutiques #nav ul li.boutiques a { background-position: -390px -265px;} #nav #search {float:left;width:120px;background:#000;padding:16px 0 0 0;text-align:left;font-size:1.1em;font-weight:bold;} #nav #search a {float:left;width:140px;background: url(../../public/images/system/gina-sprite.gif) 72px -317px;border-bottom:1px solid #444;color:#828080;padding:0 0 4px 0;font-size:0.9em;} #nav #search a:hover {color:#bbb;} #nav #basket {float:right;width:120px;background:#000;padding:14px 0 0 0;text-align:right;font-size:1.1em;font-weight:bold;} #nav #basket a {float:right;width:80px;background: url(../../public/images/system/gina-sprite.gif) 0 -315px;border-bottom:1px solid #444;color:#828080;padding:0 0 1px 0; font-size:0.9em;} #nav #basket a:hover {color:#bbb;} #nav #basket a span.products { font-family:"Times New Roman", Times, serif; font-size:1.1em; color:#90886f;padding-left:4px;} /* containers */ #wrapper {} #shoebox {width:942px;margin:0 auto;background:#000; /* sticky footer */ min-height: 100%; height:auto !important; height:100%; margin:0 auto -50px /* << that figure needs to be same height as footer ! */ auto; } #content {width:942px;margin:0 auto 40px auto; background:#fff;} #packing {padding:23px;} /* sub page globals */ #title-block {background:none;height:76px;width:804px;margin:0 auto;} #title-block.wide {width:896px;} #title-block h1 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;background:url(../../public/images/system/gina-underline.gif) no-repeat bottom center;letter-spacing:0.1em;} #title-block h2.subtitle {text-transform:uppercase;font-size:14px;padding:7px 0 0 0;color:#333;letter-spacing:0.02em;} #title-block.lhs {width:896px;} #title-block.lhs h1, #title-block.lhs h2 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;background:url(../../public/images/system/gina-underline.gif) no-repeat bottom left;letter-spacing:0.1em;float:left;width:250px;text-align:left;} #title-block.lhs h2.faq {width:auto;} #title-block.lhs h3 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;background:url(../../public/images/system/gina-underline.gif) no-repeat bottom left;letter-spacing:0.1em;float:left;font-size:1.8em;text-align:left;padding:2px 0 5px 0;width:400px;line-height:17px;} #viewing {display:block;float:left;width:180px;background:none;text-align:left;} #viewing div.viewing {color:#333;padding:11px 0 0 0;font-weight:bold;font-size:10px;} #viewing div.viewing span {margin:0;width:65px;padding:0;font-weight:bold;float:left;display:block;color:#919191;} #viewing div.viewing a {color:#555658;margin:0;width:80px;padding:0;font-weight:bold;border-bottom:1px solid #919193; background:url(../../public/images/system/gina-sprite-w.gif) 70px 5px no-repeat;letter-spacing:0;float:left;display:block;} #viewing div.viewing a:hover {color:#000;border-bottom:1px solid #444;} #sub-nav {display:block;float:left;width:444px;background:none;} #sub-nav ul {padding:11px 0 0 0;} #sub-nav li {display:inline;margin:0;padding:0;color:#999;border-right:1px solid #c4c8c9;font-weight:bold;font-size:10px;text-transform:uppercase;} #sub-nav li.start {border-left:1px solid #c4c8c9;padding-left:2px;} #sub-nav li a {color:#a3a4a4;padding:0 7px 0 5px;} #sub-nav li a:hover {color:#565757;} #sub-nav li.active a {color:#565757;text-decoration:underline;} #sub-nav li.active a:hover {color:#000;text-decoration:underline;} #sub-nav li.last {border-right:0;} .wide #sub-nav {width:896px;} .wide #sub-nav li a {color:#a3a4a4;padding:0 7px 0 5px;} .wide #sub-nav li a:hover {color:#827b64; text-decoration:underline;} .wide #sub-nav li.active a {color:#827b64; text-decoration:underline;} .wide #sub-nav li.active a:hover {color:#827b64; text-decoration:none;} .lhs #sub-nav {display:block;float:left;background:#fff;width:896px;} .lhs #sub-nav ul {padding:11px 0 0 250px;} .lhs #sub-nav li {display:block;margin:0;padding:0;color:#999;border-right:0;font-weight:bold;font-size:10px;text-transform:uppercase;text-align:left;float:left;} .lhs #sub-nav li span {margin:0 9px 0 10px;} .lhs #sub-nav li.first span {margin:0 9px 0 0;} .lhs #sub-nav li.active span {color:#827b64;text-decoration:underline;} .lhs #sub-nav li.goback {float:right;padding:0 20px 0 0} #options {display:block;float:right;width:180px;background:none;text-align:right;} #options ul {padding:11px 0 0 0;} #options li {display:inline;margin:0;padding:0;font-size:10px;letter-spacing:0;} #options li a {color:#919191;margin:0;padding:0 6px 0 5px;font-style:italic;font-weight:bold;} #options li a:hover {color:#2d2d2d;} #options li.active a {color:#555658;} #options li.active a:hover {color:#000;} #options li.last {border-left:1px solid #c4c8c9;padding-left:2px;} #options li.last a {padding-right:0;} #sub-nav-foot {display:block;float:left;width:896px;background:none;} #sub-nav-foot ul {padding:30px 0 40px;} #sub-nav-foot li {display:inline;margin:0;padding:0;font-family:"Times New Roman", Times, serif;color:#999;border-right:1px solid #c4c8c9;font-weight:bold;font-size:10px;} #sub-nav-foot li.start {border-left:1px solid #c4c8c9;padding-left:2px;} #sub-nav-foot li a {color:#a3a4a4;padding:0 7px 0 5px;} #sub-nav-foot li a:hover {color:#565757;} #sub-nav-foot li.active a {color:#565757} #sub-nav-foot li.active a:hover {color:#000;} /* product index */ #catwalk {background:none;width:896px;padding:0 0 46px 0;float:left;} #catwalk.long-page {padding-bottom:0;} #catwalk .arrow-l {float:left;width:46px;height:390px;background:#fff;} #catwalk .arrow-l a {margin:175px 0 0 0;width:46px;height:46px;background:url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -30px;display:block;color:#000;} #catwalk .arrow-l a span {padding:13px 10px 0 0;display:block;font-weight:bold;text-align:right;} #catwalk .arrow-l a:hover {background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -30px;color:#777;} #catwalk .arrow-r {float:right;width:46px;height:390px;background:#fff;} #catwalk .arrow-r a {margin:175px 0 0 0;width:46px;height:46px;background:url(../../public/images/system/gina-sprite-w.gif) no-repeat 26px -100px;display:block;color:#000;} #catwalk .arrow-r a span {padding:13px 0 0 10px;display:block;font-weight:bold; text-align:left;} #catwalk .arrow-r a:hover {background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 26px -100px;color:#777;} #store #catwalk ul {background:none;width:804px;float:left;padding:0;margin:0;} #store #catwalk ul li {border-right:0;border-bottom:0;display:block;float:left;background-repeat: no-repeat;background-position:0px -6px;width:201px;height:195px;} #store #catwalk ul li a {width:201px;height:195px;display:block;float:left;} * HTML #store #catwalk ul li a {background:none;} #store #catwalk ul li a:hover {background:none;} #store #catwalk ul li.row {border-right:0;border-bottom:0;margin-top:20px;display:block;float:left;} #store #catwalk ul li.lifepic {display:block;width:402px;height:390px;} /* panel based index */ #catwalk.panels a {} #catwalk.panels ul {background:none;width:804px;float:left;padding:0;margin:0;} #catwalk.panels ul li {background-position: 5px 5px;background-repeat:no-repeat;background-color:#e8e7e3;background-image:none;border-right:0;border-bottom:0;display:block;float:left;height:389px;border-right:1px solid #fff;} #catwalk.panels.long-page ul li {margin:0 0 20px 0;} #catwalk.panels ul li a {width:200px;height:389px;display:block;float:left;text-align:center;background:none;} #catwalk.panels ul li a:hover {background: url(../../public/images/system/gina-blocker.png) no-repeat; color:#fff} * HTML #catwalk.panels ul li a:hover {background: url(../../public/images/system/gina-blocker.gif) no-repeat; color:#fff} #catwalk.panels ul li a span.clip {height:340px;display:block;} #catwalk.panels ul li a span.p_title {margin:0 auto;padding:255px 0 0 0;width:180px;display:block;z-index:1;text-transform:uppercase;font-size:14px;color:#323333;font-family:"Times New Roman", Times, serif;letter-spacing:0.1em; background:url(../../public/images/system/gina-flourish-grey.gif) center 221px no-repeat;} #catwalk.panels ul li a span.p_subtitle {padding:10px 0 0 0;margin:3px 0 0 0;font-family:Georgia, "Times New Roman", serif;text-transform:none;display:block;background:url(../../public/images/system/gina-underline.gif) no-repeat top center;letter-spacing:0;color:#323333;font-size:12px;} #catwalk.panels ul li a span.p_note {padding:0;margin:2px 0 0 0;font-size:12px;font-style:italic;text-transform:capitalize;display:block;letter-spacing:0;} #catwalk.panels ul li a span.p_shoe {padding:0;margin:8px 0 0 0;font-size:13px;text-transform:uppercase;display:block;font-family:Georgia, "Times New Roman", Times, serif;} #catwalk.panels ul li a span.p_view {display:block;height:20px;overflow:hidden;text-align:center;width:200px;color:#8a8268;font-weight:bold;font-size:10px;text-transform:uppercase;} #catwalk.panels ul li a:hover span.p_title {color:#fff; background:none;} #catwalk.panels ul li a:hover span.p_subtitle {color:#fff;background:url(../../public/images/system/gina-underline-w.gif) no-repeat top center;} #catwalk.panels ul li a:hover span.p_desc {color:#fff} #catwalk.panels ul li a:hover span.p_view {visibility:hidden;} /* product */ #product {clear:both;background:none;} #product .cola { background:none;float:left;width:220px;height:386px;} #product .colb { background-position:center center;background-repeat:no-repeat;float:left;width:456px;height:416px;overflow:hidden;z-index:2;} #product .colc { background:none;float:right;width:220px;height:386px;position:relative;} #product ul#info {margin:30px 0 45px 0;float:left;width:220px;} #product ul#info li {float:left;text-align:left;width:110px;clear:both;} #product ul#info li a {color:#979797;text-align:left;font-style:italic;font-weight:bold;font-size:10px;border-bottom:1px solid #979797;display:block;width:110px;padding:5px 0 0 0;line-height:13px;} #product ul#info li a:hover {color:#000;} #product .details { background:none;display:block;clear:both;} #product .details .product-title {padding:0;margin:0;text-align:left;} #product .details .product-title, .wishlist h3 a {color:#454545;text-align:left;font-style:italic;font-weight:bold;font-size:10px;border-bottom:1px solid #979797;display:block;width:110px;padding:5px 0 0 0;line-height:13px;} #product .details .product-title a:hover, .wishlist h3 a:hover {color:#000;} #product .details .details-container {text-align: left; height: 14em;} #product .details-container p {padding: 8px 0 12px 0;} #product #viewing {display:block;float:right;width:110px;text-align:left;margin:30px 0 0 0;} #product #viewing div div.product-title {color:#919191;padding:0 0 8px 0;font-weight:bold;font-size:10px;width:110px;float:left;} #product #viewing div div.product-title span {margin:0;width:65px;padding:0;font-weight:bold;float:left;display:block;} #product #viewing div div.product-title.vtop {z-index: 101;} #product #viewing div div.product-title.vbottom {z-index: 100;} #product .price {display:block;float:right;width:110px;margin-top:16px;border-top:1px solid #ddd;padding-top:40px;color:#919191;font-weight:bold;} #product .price span {font-weight:bold;font-size:12px;float:right;color:#000;} #product .add {display:block;float:right;width:110px;text-align:center;} #product .add a {display:block;background:#000;color:#fdf9f4;padding:5px 0;font-weight:bold;text-transform:uppercase;font-size:12px;} #product #more {clear:both;background:none;height:100px;float:left;z-index:200000;width:896px;} #product #more #titling {width:456px;background:none;float:left;} #product #more #titling h2 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;background:url(../../public/images/system/gina-underline.gif) no-repeat bottom center;letter-spacing:0.1em;} #product #more #titling div.h3 a {display:block;padding:6px 0 0 0;text-transform:uppercase;letter-spacing:0;color:#8a8268;font-size:10px; font-weight:bold;margin:0 auto;background:none;} #product #more #titling div.h3 a:hover {color:#444;} #product #more .arrow-l {float:left;width:220px;height:46px;background:none;margin:20px 0 0 0;} #product #more .arrow-l a {margin:0;width:46px;height:46px;background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -30px #fcffff;display:block;color:#000;float:left;} #product #more .arrow-l a:hover {background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -30px;color:#777;} #product #more .arrow-l a span {padding:13px 10px 0 0;display:block;font-weight:bold;text-align:right;} #product #more .arrow-l a.all {margin:0;width:80px;height:46px;background:none;color:#999;font-style:italic;} #product #more .arrow-l a.all span {padding:0 10px;margin:13px 0 0 3px;background:none;display:block;float:left;border-left:1px solid #ddd;border-right:1px solid #ddd;} #product #more .arrow-r {float:right;width:220px;height:46px;background:none;margin:20px 0 0 0;} #product #more .arrow-r a {margin:0;width:46px;height:46px;background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 26px -100px #fcffff;display:block;color:#000;float:right;} #product #more .arrow-r a:hover {background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 26px -100px;color:#777;} #product #more .arrow-r a span {padding:13px 0 0 10px;display:block;font-weight:bold; text-align:left;} #product #more .arrow-r a.all {margin:0;width:80px;height:46px;background:none;color:#999;font-style:italic;} #product #more .arrow-r a.all span {padding:0 10px;margin:13px 3px 0 0;background:none;display:block;float:right;border-left:1px solid #ddd;border-right:1px solid #ddd;} #product #more a:hover.all {color:#444;} #product #more a.all:hover {background:none;} #rack {clear:both;} #rack h2 {color:#aaa;padding:0 0 2px 0;font-size:11px;font-family:Helvetica, Arial, sans-serif;letter-spacing:1px;font-weight:bold;background:url(../../public/images/system/gina-underline-grey.gif) no-repeat bottom center; text-transform:uppercase;} #rack ul {padding:5px 0;background:#e8e7e3;float:left;margin:17px 0 3px 0;width:896px;} #rack ul li {display:block;float:left; background-position:center center; background-repeat:no-repeat;background-color:#fcffff;} #rack ul li a {display:block;width:152px;float:left;height:115px;} #rack ul li a:hover { background: url(../../public/images/system/gina-trans-w.png);} * HTML #rack ul li a:hover {background:#fff;} #rack ul li a span {visibility:hidden;display:block;} #rack ul li a:hover span {visibility:visible;display:block;margin:50px 0 0 0;padding:0;font-size:11px;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;letter-spacing:0;font-weight:bold;color:#000;} #rack ul li.accessory-l, #rack ul li.accessory-r {border-left:5px solid #e8e7e3;border-right:5px solid #e8e7e3} #rack ul li.accessory-l a {width:210px;float:left;} #rack ul li.accessory-r a {width:210px;float:right;} /* intros */ #widescreen {height:896px;height:467px;color:#fff;background:#000;} #widescreen h1 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;background:url(../../public/images/system/gina-underline-w.gif) no-repeat bottom center;letter-spacing:0.1em;color:#fff;padding-top:200px;font-size:20px;padding-bottom:7px;} #widescreen h2 {font-size:16px;color:#fff;padding-top:18px;font-weight:normal;} #widescreen h2 a {color:#fff;} #widescreen h2 a:hover {border-bottom: 1px solid #fff;} #widescreen ul {margin:20px 0 0 0} #widescreen ul li {display:inline;background: url(../../public/images/system/gina-diamond.gif) no-repeat 0 5px;padding:0 0 0 15px;margin:0 9px 0 0;font-size:13px;} #widescreen ul li.first {background:none;} #widescreen ul li a {color:#fff;padding:0; text-transform:uppercase;} #widescreen ul li a:hover { color:#90886f;} #features {clear:both;height:896px;height:180px;background:#e8e7e3;} #features .cola { background:none;float:left;width:232px;height:180px;} #features .colb { background:none;float:left;width:432px;height:180px;} #features .colc { background:none;float:right;width:232px;height:180px;} #features .thumb {padding:18px;} #features .thumb a {padding:5px;background:#fff;display:block;} #features .thumb a:hover {background:#cfccc6;} #features .thumb a img {display:block;} #features h3,#features h2 {padding:20px 0 5px 0;margin:0 18px;font-size:11px;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;letter-spacing:0.05em;font-weight:bold;color:#222; background:url(../../public/images/system/gina-underline-b.gif) repeat-x bottom #e8e7e3;} #features .colb h3, #features .colb h2 {background:url(../../public/images/system/gina-underline-b.gif) no-repeat bottom center #e8e7e3;} #features h3 a:hover, #features h2 a:hover {color:#333;} #features p {padding:30px 40px 0; font-size:12px;} #features p.readmore {padding:15px 0 0 0;} #features p.readmore a {color:#8a8268; text-transform:uppercase;font-size:10px;font-weight:bold;} #features p.readmore a:hover {color:#000;} /* press article */ #clipping {} #clipping .cola {float:left;width:114px;padding:120px 0 60px 0px;} #clipping .colb {float:left;width:668px;text-align:center;margin:0 0 60px;} #clipping .colc {float:right;width:114px;padding:120px 0 60px 0px} #clipping div.link {margin:0;padding:0 0 10px 0;border:0;color:#000;font-weight:normal;font-size:1.2em;line-height:1.4em;} #clipping div.link {padding-bottom:2px;} #clipping div.link a {border-bottom:1px solid #8f9294;display:block;text-align:center;font-size:10px;font-weight:bold;font-style:italic;color:#979797;padding-bottom:0;} #clipping div.link.squib {display:block;text-align:center;font-size:10px;font-weight:bold;color:#979797;background:url(../../public/images/system/gina-underline-dgrey.gif) no-repeat bottom center;padding:37px 0 6px 0;margin:0;} #clipping div.link.link-bottom {margin: 0pt 0pt 16px;} #clipping h5 {font-size:11px;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;letter-spacing:0;font-weight:bold;color:#000;} #clipping h5 a {display:block;padding:6px;} #clipping .arrow-l {float:left;width:20px;height:46px;background:none;} #clipping .arrow-l a {margin:0;width:20px;height:46px;background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -30px;display:block;color:#000;} #clipping .arrow-r {float:left;width:20px;height:46px;background:none;} #clipping .arrow-r a {margin:0; width:20px;height:46px;background: url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -100px;display:block;color:#000;} #clipping .arrow-l span, #clipping .cola .arrow-r span {display:none;} #clipping ul#fraction {background:none;width:74px;height:46px;float:left;} #clipping ul#fraction li {width:74px;display:block;height:22px;background:none;text-align:center;float:left;line-height:1.9em;color:#000;font-weight:bold;overflow:hidden;} #clipping ul#fraction li.top {background:url(../../public/images/system/gina-underline-dgrey.gif) no-repeat bottom center;} #clipping ul#fraction li.bottom {height:auto;} /* book subs */ .book {width:803px;height:388px;float:left; background-repeat:no-repeat; overflow:hidden;} .book h2 {margin:60px 0 30px 0;padding:0;text-align:center;width:402px;background:none;color:#fff;font-size:20px;letter-spacing:0.1em;text-transform:uppercase;} .book h2.heritage {margin:190px 0 45px 0;padding:0;float:left;text-align:center;width:403px;background:none;color:#dddbd0;font-size:14px;letter-spacing:0.1em;} .book p {float:left;text-align:center;width:403px;background:#888;color:#dddbd0; background:url(../../public/images/system/gina-underline-dg.gif) no-repeat bottom center;font-size:12px;} .book address {padding:14px 0 0 0;background:url(../../public/images/system/gina-underline-w.gif) top center no-repeat;} .book address a {color:#fff;} .book address a:hover {color:#3d3a31;} .book p.opening {color:#fff;margin:10px 0 30px;padding:0 0 10px;width:402px;border:0;font-weight:normal;font-size:13px;line-height:1.4em;font-style:normal;background:url(../../public/images/system/gina-underline-w.gif) bottom center no-repeat;} .book p.view {background:none;width:402px;} .book p.view a {text-transform:uppercase;font-size:10px;font-weight:bold;color:#413e34;} .book p.view a:hover {color:#fff;} .book .lpage {width:402px;float:left;height:388px;background:#90886f;overflow:hidden;} .book .rpage {width:401px;float:right;height:388px;background:#90886f;overflow:hidden;} .book .lrpage {width:803px;float:left;height:388px;background:#90886f;overflow:hidden; margin-left:46px;} .book .lrpage p.opening { width:100%} .book p.tabclose {width:843px; margin-top:15px;} .book .lrpage .book a.blanket {display:block;width:804px;height:388px;cursor:text;overflow:hidden;} .book a.blanket span.footwell {height:68px;display:block;width:804px;padding:320px 0 0 0;} .book a.blanket:hover span.footwell {display:block;} .book a.blanket span.title {font-size:14px; text-transform:uppercase;display:block;padding:15px 0 0 0;color:#fff;background:#000;} .book a.blanket span.desc {font-size:14px; display:block;padding:0; font-style:italic;color:#fff;background:#000;padding:0 0 15px 0;} /* 50 years */ #heritage .book h2.badge {background: url(../../public/images/section/gina-50.gif) no-repeat;width:194px;padding:133px 0 0 0;margin:30px auto 0 auto;font-size:13px;letter-spacing:0.2em; color:#fff;text-align:center;text-transform:uppercase;} #heritage .book p.opening {background: url(../../public/images/system/gina-underline-w.gif) top center no-repeat;padding:10px 0 0 0;margin:20px 0 0 0;} #heritage .book p.view {background: url(../../public/images/system/gina-underline-w.gif) top center no-repeat;width:402px;padding:20px 0 0 0;margin:10px 0 0 0;} #heritage .book img.mini {display:block;margin:80px auto 60px auto} #heritage .book p.counter {background: url(../../public/images/system/gina-underline-w.gif) top center no-repeat;padding:8px 0;font-size:10px;font-weight:bold; letter-spacing:0.01em;} #heritage .book p.counter em { font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight:normal;} #heritage .book.glossary {background: url(../../public/images/section/gina-50bookend.gif) no-repeat #90886f;} #heritage .book.glossary h3 {display:block;width:804px;padding:80px 0 10px;margin:0 0 10px;text-transform:uppercase;color:#fff;background:url(../../public/images/system/gina-underline-w.gif) no-repeat bottom center;font-size:13px;} #heritage .book.glossary ul {clear:both;display:block;padding:0 0 10px 0;margin:0 auto;color:#000;background:url(../../public/images/system/gina-underline-w.gif) no-repeat bottom center;} #heritage .book.glossary ul li {padding:0;margin:0;border:0;width:800px;display:block;text-align:center; background:none;color:#3d3a31;font-size:10px;font-weight:bold;line-height:1.3em;} #heritage .book.glossary ul li span {padding:0 2px 0 2px;font-family:Georgia, "Times New Roman", Times, serif; color:#fff;font-size:12px;font-weight:normal;line-height:1.3em;} #heritage .book.glossary ul li b {padding:0;font-size:14px;font-weight:normal;line-height:1.1em; letter-spacing:0.05em} /* basket */ #cart {width:896px;background:#e8e7e3;float:left;padding:0;text-align:left;} #cart .item {width:896px;background:#e8e7e3;float:left;padding:0;border-bottom:1px solid #fff;display:block;clear:both;height:126px;} #cart .item h3 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;letter-spacing:0.1em;padding:22px 0 0 25px;font-size:18px;color:#000;float:left;} #cart .item p {color:#fff;padding:0 0 0 26px;font-size:11px;color:#999;float:left;width:200px;} #cart .item .details {width:627px;background:#fff;float:right;margin:5px 0;} #cart .item .details .product-img {float:left;width:250px;background:#fff;padding:0;} #cart .item .details .product-img a {width:135px;display:block;overflow:hidden;height:115px;text-align:center;background-position:center top;background-repeat:no-repeat;} #cart .item .details .product-options {float:left;width:200px; background:#fff;padding:10px 0 0 0;} #cart .item .details .product-options h4 {padding:10px 0 0 0;font-weight:bold;font-size:10px;float:left;} #cart .item .details .product-options h4 span {margin:0;width:65px;padding:0;margin:0;font-weight:bold;float:left;display:block;color:#919191;} #cart .item .details .product-price {float:right;width:132px;height:60px;background:#fff;border-bottom:1px solid #e2e9e5;margin:0 8px 0 0;} #cart .item .details .product-price h4 {padding:20px 0 0 0;margin:0;color:#919191;font-weight:bold;font-size:10px;} #cart .item .details .product-price h4 span {float:left;display:block;padding:0;} #cart .item .details .product-price h4 strong {float:right;display:block;padding:0;background:#fff;color:#000;font-size:12px;} #cart .item .remove { background:url(../../public/images/system/gina-sprite-w.gif) 3px -168px;width:14px; height:14px;display:block;float:right;margin:0 0 0 5px;overflow:hidden;} #cart .step {padding:0 0 30px 0;margin:0;width:646px;float:right;background:#e8e7e3;} #cart .step .titling {width:620px;border-bottom:1px solid #c5c8c8;float:left;} #cart .step .titling h3, #cart .step .titling h2, #cart .step .titling h4, #cart .step .titling div.viewing {font-family:"Times New Roman", Times, serif;font-size:1.4em;text-transform:uppercase;border-bottom:1px solid #c5c8c8;margin:0;letter-spacing:0.1em;padding-top:15px;} #cart .step .titling div.viewing {padding:15px 0 15px 0;} #cart .step .titling h5 {display:block;float:left;width:255px;line-height:20px;letter-spacing:0;padding:10px 0;margin:0;font-weight:bold;float:left;display:block;color:#919191;font-size:10px;} #cart .step .titling span {padding:0 0 0 10px;font-weight:normal;color:#000;font-size:12px;} #cart .step .titling p {padding:15px 20px 15px 0;font-size:12px;} #cart .step #sums {width:396px;float:right;padding:0;background:none;padding:0;} #cart .step #sums p {padding:10px 0 0 0;font-weight:bold;font-size:10px;float:left;} #cart .step #sums p span {margin:0;width:65px;padding:0;margin:0;font-weight:bold;float:left;display:block;color:#919191;} #cart .step #sums p a {color:#555658;width:80px;padding:0;font-weight:bold;border-bottom:1px solid #919193;background:url(../../public/images/system/gina-sprite-w.gif) 70px -356px no-repeat;letter-spacing:0;float:right;display:block;} #cart .step #sums p span.digit {color:#000;font-size:12px;} #cart .step #sums #localisation {margin:0;background:none;padding:10px 0 10px 0;float:left;width:175px;} #cart .step #sums #subtotal {background:none;padding:10px 0 10px 0;float:right;width:160px;} #cart .step #sums #subtotal p {background:none;float:right;width:160px} #cart .step #sums #subtotal p span.digit {float:right;text-align:right;padding:0 28px 0 0;} #cart .step #total {border-top:1px solid #c5c8c8;margin:10px 28px 0 0;padding:0;background:none;display:block;clear:both;float:left;} #cart .step #total h3 {float:left;width:368px;padding:15px 0 10px 0;margin:0;} #cart .step #total h3 span {font-weight:bold;float:left;display:block;color:#919191;display:block;font-size:10px;line-height:2.5em;} #cart .step #total h3 span.digit {display:block;float:right; font-weight:bold; font-size:1.2em;padding:0;background:none; color:#000;line-height:1.3em;} #cart .step #process {border-top:1px solid #c5c8c8;margin:0 28px 0 0;padding:0;background:#999;display:block;clear:both;} #cart .step #process p {display:block;float:right;padding:0;margin:0;background:none;} #cart .step #process p a {display:block;float:left;padding:0 20px;margin:0;text-transform:uppercase;font-weight:bold;font-size:0.9em;} #cart .step #process p.btn-w a {background:#fff;color:#666;margin:15px 15px 0 0;border:1px solid #8b8a89;padding:0 11px 0 12px;} #cart .step #process p.btn-b a {background:#000;color:#fff;margin:15px 0 0 0;border:1px solid #000;width:130px;text-align:center;padding:0;} #cart .step #process p.btn-w a:hover {border:1px solid #ccc;} #cart .step #process p.btn-b a:hover {background:#444;} #cart .clear {height:25px;background:#fff;display:block;} /* wishlist */ #wishlist #cart .step .titling {width:620px;border-bottom:0;} #wishlist #cart .item .details .product-price {float:right;width:100px;background:#fff;border-bottom:0;margin:0 8px 0 0;} #wishlist #cart .item .details .product-price p.add-to {padding:0;font-size:10px;font-weight:bold;float:right;width:100px;} #wishlist #cart .item .details .product-price p.add-to a {width:100px;display:block;border-top:1px solid #e2e9e5;border-bottom:1px solid #919191;color:#454646;font-style:italic;padding:30px 0 0 0;margin:25px 0 0 0;} #wishlist #cart .item .details .product-price p.add-to a:hover {color:#777;} #wishlist #cart {width:896px;background:#e8e7e3;float:left;padding:0;text-align:left;} #wishlist #cart .item {width:896px;background:#e8e7e3;float:left;padding:0;border-bottom:1px solid #fff;display:block;clear:both;height:126px;} /* checkout */ #checkout #cart .step .titling p {padding:15px 170px 15px 0;font-size:12px;} #checkout #cart .step {} #checkout #cart .step #total {background:none;padding:0;float:right;clear:both;margin:0 28px 0 0;} #checkout #cart .step #total p {background:none;width:auto;float:right;width:618px;margin:0;padding:15px 0 0 0;} * HTML #checkout #cart .step #total p {width:600px;} #checkout #cart .step #total p span {background:none;float:right;width:50px;text-align:left;padding:0;font-weight:bold;display:block;color:#919191;display:block;font-size:10px;line-height:1.9em;} #checkout #cart .step #total p span.digit {background:none;float:right;width:80px;text-align:right;padding:0;font-weight:bold; font-size:1.1em;padding:0;background:none; color:#000;line-height:1.3em;} #checkout #cart .step #process {border-top:0;background:none;padding:0;margin:0 28px 0 0;} .form-l {width:255px;float:left;background:none;padding:40px 0 0 0;} .form-r {width:355px;float:left;background:none;padding:40px 0 0 0;} .form-r2 {width:355px;float:left;background:none;padding:40px 0 0 0;} .formo h2,.formo h3, .formo h4 {font-family:"Times New Roman", Times, serif;font-size:14px;text-transform:uppercase;border-bottom:1px solid #c5c8c8;letter-spacing:0.1em;font-weight:normal;margin:0 0 20px 0;padding:0 0 3px 0;width:230px;} .form-r2 h4 {font-family:"Times New Roman", Times, serif;font-size:14px;text-transform:uppercase;border-bottom:1px solid #c5c8c8;letter-spacing:0.1em;font-weight:normal;margin:0 0 20px 0;padding:0 0 3px 0;width:356px;} .formo .clip1 {height:12em;} .formo p {display:block;float:left;padding:0 0 7px 0;margin:0;} .form-l p {width:240px;background:none;} .formo.form-l.password_update p {padding: 0pt 0pt 6px; margin: 0pt;} .form-r p {width:355px;background:none;} .form-r2 p {width:355px;background:none;} .form-r.formo p span {display:block;float:left;background:none;padding:2px 0 0 5px;margin:0;} .form-r2.formo p span {display:block;float:left;background:none;padding:2px 0 0 5px;margin:0;} .formo p.note {padding:10px 0;} .formo p label {display:block;float:left;width:77px;background:none;line-height:20px;letter-spacing:0;padding:0;margin:0;font-weight:bold;color:#919191;font-size:10px;} .formo p input.field {display:block;float:left;width:153px;background:#fff;padding:3px 0 0 0;border:0;margin:0;overflow:hidden;text-indent:3px;font-size:11px;line-height:20px;height:20px;} .form-r p.f_button {width:230px;} .form-r2 p.f_button {width:230px;} .formo p.f_button input {display:block;float:right;background:#000;color:#fff;border:0;padding:3px 8px;margin:0;text-transform:uppercase;font-weight:bold;font-size:0.9em;line-height:2em;} .formo p.f_button.flogin input {margin-right:10px;} .form-l a {line-height:20px;letter-spacing:0;padding:0;margin:0;font-weight:bold;color:#919191;font-size:10px;font-style:italic; text-decoration:underline;} .form-l a:hover {color:#000;} .form-w {width:620px;float:left;background:none;padding:40px 0 0 0;overflow:hidden;} .form-w h4 {width:620px;font-family:"Times New Roman", Times, serif;font-size:14px;text-transform:uppercase;border-bottom:1px solid #c5c8c8;letter-spacing:0.1em;font-weight:normal;margin:0 0 20px 0;padding:0 0 3px 0;} .form-w p {width:620px;background:none;} .form-w p label {display:block;float:left;width:245px;border-bottom:1px solid #ddd;background:none;line-height:22px;letter-spacing:0;padding:0;margin:0;font-weight:bold;color:#919191;font-size:10px;} .form-w p input.field {display:block;float:left;width:230px;background:#fff;padding:3px 0 0 0;margin:0 10px;border:0;text-indent:3px;font-size:11px;line-height:20px;} .form-w p span {display:block;float:left;background:none;padding:2px 0 0 0;margin:0;} .form-w p.selectboxer select {display:block;float:left;width:230px;background:#fff;border:0;margin:0 0 0 10px;overflow:hidden;font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;} .form-w p.selectboxer span {display:block;float:left;width:60px;height:40px;background:none;padding:0;margin:0 0 0 10px;border:0;overflow:hidden;} .form-w p.card .field {width:110px;} .form-w a.modal-cardcode {line-height:20px;letter-spacing:0;padding:0;margin:0 0 0 6px;font-weight:bold;color:#919191;font-size:10px;font-style:italic; text-decoration:underline;} .form-w a.modal-cardcode:hover {color:#000;} .form-w p.checkbox span {width:365px;float:right;padding:0;margin:0;} .form-w p.checkbox span input {padding:0;margin:0;} .form-w p.checkbox strong {font-weight:normal;width:245px;display:block;float:left;} .form-w p textarea {display:block;float:right;width:360px;background:#fff;border:0;margin:0;overflow:hidden;font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;padding:2px;} .form-w p a.add, .form-w p a.remove {display:block;float:right;background:#989895;color:#fdf9f4;padding:2px 12px 2px 11px ;text-transform:uppercase;font-size:10px;font-weight:bold;margin:0;} .form-w p a.remove {margin:0 0 0 15px;} .form-w p.promo input {width:210px;} /* account */ #cart.middle .step {margin:0 auto;float:none;width:500px;} #cart.middle .step .titling {margin:0;padding:0;width:auto;} #cart.middle .step .titling h2, #cart.middle .step .titling h4 {float:none;text-align:center;background:none;margin:0 auto;padding-bottom:5px} #cart.middle .step .titling p.intro {text-align:center;padding:10px 0;margin:0;} #cart.middle .step .form-r {float:right;width:230px;padding-bottom:30px;} #cart.middle .step .form-r p {float:left;width:230px;} #cart.middle .step .form-r p input.field {float:left;background:#fff;width:143px;margin:0;} #cart.middle .step h2, #cart.middle .step h4 { text-align:center;} #cart.middle .step .formo.form-r p.f_button input {margin:0 17px 0 0;} #cart.middle .step .formo.form-r p span {float:right;text-align:right;width:auto;} #cart .step .formo.form-l p.slim, #cart .step .formo.form-r p.slim {width:230px} #cart .step .formo.form-l p.slim label, #cart .step .formo.form-r p.slim label {width:130px;} #cart .step .formo p.slim input.field {width:100px;} #cart .step .checkbox {float:right;} #cart .step .formo p a.grey-btn {float:right;background:#989895;color:#fdf9f4;margin:0;padding:3px 0;border:0;text-transform:uppercase;font-weight:bold;font-size:10px;width:106px;text-align:center;line-height:17px;} #cart .step .formo p input.black-btn {float:right;background:#000;color:#fff;padding:3px 0; text-transform:uppercase;font-weight:bold;font-size:10px;width:106px;text-align:center;border:0;} #cart .step .formo p.foot a,#cart.middle .step .titling p.intro a {text-decoration:underline;font-weight:bold;} #account #sub-nav ul li a {padding:0;} #account #cart.accordion .past-order {padding:0 0 0 15px;float:left;background:#f1f1ed;border-bottom:1px solid #fff;overflow:hidden;} #account #cart.accordion .past-order .accordion-content {display:block;float:left;padding:0 0 15px 0;} #account #cart.accordion .past-order .item {width:866px;} #account #cart.accordion .past-order .item h3 {text-transform:uppercase;font-family:Helvetica, Arial, sans-serif;letter-spacing:0.1em;padding:0;font-size:18px;color:#000;float:left;width:235px;} #account #cart.accordion .past-order .item h3 span {padding:17px 0 0 13px;float:left;display:block;} #account #cart.accordion .past-order .item .details {width:612px;background:#fff;float:left;margin:5px 0;} #account #cart.accordion .past-order p.past {background:none;font-size:10px;line-height:18px;color:#979797;font-weight:bold;margin:0;float:left;width:881px;padding:0;height:4em;} #account #cart.accordion .past-order p.past .digit {font-weight:bold;font-size:11px;} #account #cart.accordion .past-order p.past a.btn {margin-top:10px;background:#989895;color:#fdf9f4;padding:0;text-transform:uppercase;font-weight:bold;font-size:10px;width:60px;text-align:center;line-height:18px;float:left;display:block;} #account #cart.accordion .past-order p.past a.btn:hover {background:#797975;} #account #cart.accordion .past-order p.past .ref {margin:13px 0 0 0;display:block;background:none;padding:0;float:left;text-align:center;width:36px;color:#000;} #account #cart.accordion .past-order p.past .no {margin:13px 0 0 0;display:block;background:none;width:250px;float:right;text-align:left;} #account #cart.accordion .past-order p.past .no span {padding:0 30px 0 20px; background:none;} #account #cart.accordion .past-order p.past .date {margin:13px 0 0 0;display:block;background:none;width:221px;float:right;} #account #cart.accordion .past-order p.past .status {margin:13px 0 0 0;display:block;background:none;width:158px;float:right;} #account #cart.accordion .past-order p.past span span {margin:13px 0 0 0;color:#000; text-transform:capitalize;padding:0 0 0 20px;} #account #cart.accordion .past-order p.past a.toggle {display:block;width:100px;float:right;width:15px;height:15px;overflow:hidden;text-indent:-2000em;background-image:url(../../public/images/system/gina-sprite-w.gif);background-repeat:no-repeat;background-position:2px 2px;background-color:#fff;} #account #cart.accordion .past-order .product-option {background:none;float:left;width:160px;margin:20px 0 0 0 ;} #account #cart.accordion .past-order .product-option h4 {display:block;background:none;float:left;width:160px; font-size:10px;} #account #cart.accordion .past-order .product-option h4 span {width:70px;display:block;margin:0;border-bottom:1px solid #fff;background:none;float:left;font-weight:bold;color:#919191;} #account #cart.accordion .past-order .product-option h4 span.digit {width:78px;display:block;margin:0;border-bottom:1px solid #e2e9e5;background:none;float:right;color:#000;} #account #cart.accordion .step {margin:0;width:866px;float:left;background:#e8e7e3;border-bottom: none;} #account #cart.accordion .step .sums {width:396px;float:right;padding:0;padding:0;} #account #cart.accordion .step .sums p {padding:10px 0 0 0;font-weight:bold;font-size:10px;float:left;} #account #cart.accordion .step .sums p span {margin:0;width:65px;padding:0;margin:0;font-weight:bold;float:left;display:block;color:#919191;} #account #cart.accordion .step .sums p a {color:#555658;width:80px;padding:0;font-weight:bold;border-bottom:1px solid #999;background:url(../../public/images/system/gina-sprite-w.gif) 70px -356px no-repeat;float:right;display:block;} #account #cart.accordion .step .sums p span.digit {color:#000;font-size:12px;} #account #cart.accordion .step .sums .subtotal {background:none;padding:10px 0 10px 0;float:right;width:160px;} #account #cart.accordion .step .sums .subtotal p {background:none;float:right;} #account #cart.accordion .step .sums .subtotal p span.digit {float:right;text-align:right;padding:0 28px 0 0;} #account #cart.accordion .step .titling p {padding:15px 170px 15px 0;font-size:12px;} #account #cart.accordion .step .total {background:none;padding:0;float:right;clear:both;margin:0;width:160px;overflow:hidden;} #account #cart.accordion .step .total p {background:none;width:auto;float:right;margin:0;padding:15px 0 0 0;margin:0 28px 0 0;background:url(../../public/images/system/gina-underline-grey.gif) repeat-x top;} #account #cart.accordion .step .total p span {background:none;float:right;width:50px;text-align:left;padding:0;margin:10px 0 0 0;font-weight:bold;display:block;color:#919191;display:block;font-size:10px;line-height:1.9em;} #account #cart.accordion .step .total p span.digit {background:none;float:right;width:80px;text-align:right;padding:0;font-weight:bold; font-size:1.1em;padding:0;background:none; color:#000;line-height:1.3em;} #account #cart.accordion .step .process {border-top:0;background:none;padding:0;margin:0 28px 0 0;} #account #cart.accordion .past-order.closed {background:#e8e7e3;} #account #cart.accordion .past-order.open {background:#f1f1ed;} #account #cart.accordion .past-order.closed p.past a.toggle {background-position:3px 4px;} #account #cart.accordion .past-order.open p.past a.toggle {background-position:3px -246px;} #account #cart.accordion .past-order.closed .accordion-content .item, #account #cart.accordion .past-order.closed .accordion-content .step {} /* competiton */ .openbook {} .openbook .iepad {border:5px solid #e5e8e3;float:left;} .openbook .left {width:436px;height:380px; background:#fff; text-align:center} .openbook .right {width:446px;height:390px;} .openbook .right img {display:block;float:right;} .openbook .left h3 {font-family:"Times New Roman", Times, serif;font-size:1.4em;text-transform:uppercase;background:url(../../public/images/system/gina-underline-grey.gif) no-repeat bottom center;margin:0;letter-spacing:0.1em;padding-top:15px;margin:30px 20px 10px 20px;width:auto;} .openbook .left .formo {width:380px;background:none;margin:0 auto;} .openbook .left .formo p {float:left;width:380px;display:inline;text-align:center;padding:3px 0;font-size:12px;} .openbook .left .formo p input {width:auto;text-align:center;float:none;display:inline;} .openbook .left .formo p label {background:#fff;width:auto;text-align:center;float:none;display:inline;padding:0 11px 0 4px; font-weight:normal;color:#000;font-size:12px;} .openbook .left .formo p.black-btn input {border:0;display:block;background:#000;width:100px;text-align:center;float:none;display:inline;padding:2px 0; margin:20px auto;font-weight:bold;color:#fff; text-transform:uppercase;} .openbook .left .formo p.black-btn.competition input {width:120px;} .openbook .left .formo p.hint {width:380px;margin:10px auto 10px 0;float:none;clear:both;padding:0; height:33px; border-bottom:1px solid #ccc;display:block;color:#8a8268;text-transform:uppercase;font-size:10px;} .openbook .left .formo p.hint a {display:block;width:200px;height:30px;overflow:hidden;background:#fff;margin:0 auto;padding:0;color:#8a8268;font-weight:bold;} .openbook .left .formo p.hint a:hover {color:#000;} .openbook .left .formo p.hint a span {display:block;color:#fff;height:14px;overflow:hidden;margin:0;padding:0;font-size:11px;font-weight:normal;text-transform:none;} .openbook .left .formo p.hint a:hover span {color:#8a8268;} /* contact */ #contact .formo address {display:block;text-align:center;font-size:12px;width:230px;padding-bottom:40px;color:#323333; } #contact .formo address a {font-style:normal;color:#323333; text-decoration:underline; font-size:12px; font-weight:normal;} #contact .formo address a:hover {text-decoration:none;} #cart .titling-low h2,#cart .titling-low h4 {font-family:"Times New Roman", Times, serif;font-size:1.4em;text-transform:uppercase;border-bottom:1px solid #c5c8c8;margin:0;letter-spacing:0.1em;padding-top:15px; text-align:center;margin:0 auto 30px auto;width:500px;} #contact #cart {margin:0 0 2px 0;} .longboxer {border:5px solid #e8e7e3;display:block;background:#fff;text-align:center;margin:0 0 2px 0;clear:both;padding:5px 10px 10px 10px;} .longboxer h5, .longboxer h3 {font-family:"Times New Roman", Times, serif;font-size:1.4em;text-transform:uppercase;margin:0 0 10px 0;letter-spacing:0.1em;padding:15px 0 4px 0; text-align:center;background:url(../../public/images/system/gina-underline.gif) no-repeat bottom center;} .longboxer p {font-size:12px;} /* faqs */ ul.link-list {padding:0 20px 0 0;} ul.link-list li {margin:0;padding:0;display:block;background:none;height:auto;float:left;width:225px;} ul.link-list li a {display:block;margin:0;padding:0;font-weight:normal;font-style:normal;font-size:11px;text-decoration:none;color:#000;background:url(../../public/images/system/gina-sprite-w.gif) no-repeat 0 -494px;padding:0 0 0 15px;} ul.link-list li a.active { text-decoration:underline; font-weight:bold;} ul.link-list li a:hover { text-decoration:underline;color:#666;} /* speical offers */ #content #cart.specials {margin:0 auto 20px auto;width:804px;float:none;background:#e8e7e3;} #content #cart.specials .left h2 {font-size:1.5em;text-transform:uppercase;background:url(../../public/images/system/gina-underline-grey.gif) no-repeat bottom center;margin:0;letter-spacing:0.1em;padding:40px 0 10px 0; text-align:center;margin:0 auto 10px auto;} #content #cart.specials p {padding-top:15px; margin: 0 40px; text-align:center;font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;} #content #cart.specials p em {background:url(../../public/images/system/gina-underline-grey.gif) no-repeat top center;padding-top:30px;display:block;} #content #cart.specials .left {background:#e8e7e3;width:402px;border-top:1px solid #fff;} * HTML #content #cart.specials .left {width:400px;} #content #cart.specials .right {background:#000;width:402px;float:right;} #content #cart.specials .right .category {background:#e8e7e3;width:200px;float:left;border-left:1px solid #fff;border-top:1px solid #fff;height:20em;} #content #cart.specials .right .category h2 {font-weight:normal; line-height:normal;} #content #cart.specials .right .category h2 a.thumb {background:#fff;display:block;margin:5px;text-align:center;} #content #cart.specials .right .category h2 a.thumb img {display:block;margin:0 auto;} #content #cart.specials .right .category h2 {margin:5px;text-align:center;border-bottom:1px solid #c8c8c5;font-size:14px;text-transform:uppercase;padding:3px;color:#333;} #content #cart.specials .right .category fieldset {margin:5px;padding:10px 10px 0 10px;background:none;} #content #cart.specials .right .category fieldset p {background:#fff;float:left;padding:0;margin:0 0 0 20px;} #content #cart.specials .right .category fieldset div.h5 {display:block;float:left;background:none;text-align:left;color:#9d9d9a;font-weight:bold;font-size:10px;} #content #cart.specials .right .category fieldset input {display:block;width:30px;float:right;background:#989896;color:#fff;border:0;padding:2px;text-align:center;} #content #cart.specials .right .category.nope a.thumb {background:#edefec;display:block;margin:5px;text-align:center;height:115px;cursor:pointer;} #content #cart.specials .right .category.nope h2 {margin:5px;text-align:center;border-bottom:1px solid #c8c8c5;font-size:14px;text-transform:uppercase;padding:3px;color:#acaea9;} #content #cart.specials .right .category.nope div.h5 {margin:5px;padding:2px 10px;background:none; text-align:center;color:#acaea9;} div.h5 {font-size:1.1em;font-weight:normal;line-height:1.4em;} #content #cart.specials .right .category.nope p {background:#fff;float:left;padding:0;margin:0 0 0 20px;} #content #cart.no-specials {height:40em; width:802px;margin:0 auto 40px auto; float:none;} #content #cart.no-specials h3 {font-size:1.3em;text-transform:uppercase;border-bottom:1px solid #c8c8c5;margin:0 100px 10px;letter-spacing:0.1em;padding:12em 0 7px 0; text-align:center;} #content #cart.no-specials p {padding-top:0; margin:0 100px; text-align:center;font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;border-bottom:1px solid #c8c8c5;} #content #cart.no-specials p em {font-weight:normal;} #content #cart.no-specials p em a {font-weight:bold;text-decoration:underline;} #content #cart.no-specials p em a:hover {font-weight:bold;text-decoration:none;} /* callouts */ #callouts {background:#000;width:942px;margin:0 auto;height:90px} #callouts li {width:314px;float:left;display:block;padding:0} #callouts li a {width:314px;float:left;display:block;height:50px;background-image:url(../../public/images/system/gina-sprite.gif); background-repeat:no-repeat; background-position: 0 0;} #callouts .browse a {background-position: 0 0;} #callouts .visit a {background-position: 0 -48px;} #callouts .press a {background-position: 0 -96px;} #callouts .video a {background-position: 0 -96px;} #callouts .browse a:hover {background-position: 0 -150px;} #callouts .visit a:hover {background-position: 0 -198px;} #callouts .press a:hover {background-position: 0 -246px;} #callouts .video a:hover {background-position: 0 -246px;} #press #callouts .press a {background-position: 0 -246px;} #video #callouts .video a {background-position: 0 -246px;} #boutiques #callouts .visit a {background-position: 0 -198px;} #store #callouts .browse a {background-position: 0 -150px;} /* footer */ #footer, .push {height:51px; clear:both; /* .push must be the same height as #footer - for sticky footer - also see shoebox (51px used - 1px extra to force scrollbars for accordion) */ } #footer {margin:0;padding:0;overflow:hidden; background:#222;} #footer ul {text-align:center;padding:10px 0;} #footer li {margin:0;display:inline;padding:0 7px;color:#504d4d;} #footer li.divider {border-right:1px solid #444;padding-right:16px;margin-right:9px;} #footer li a {} #footer a:link, #footer a:visited {text-decoration:none;color:#676767;} #footer a:hover, #footer a:active {text-decoration:none;color:#888;} #footer li.currency-sub {vertical-align: bottom;} #footer li.currency-sub a {vertical-align: top;position:relative;top:0;width:135px;height:16px;background:url(../../public/images/system/gina-sprite.gif) 0 355px; display:inline-block;text-align:left; text-indent:4px; line-height:18px;} #footer li.currency-sub a:hover { background:url(../../public/images/system/gina-sprite.gif) -301px 355px;} #footer #currency-options {width:135px;position:absolute;z-index:20000;display:none;} #footer #currency-options ul {margin:0;padding:0;height:auto;width:135px;background:#222;} #footer #currency-options ul li {margin:0;padding:4px 0;height:auto;width:135px;background:#222;} #footer #currency-options ul li a.currency-option {margin:0;padding:0;float:left;width:135px;background:#222;cursor:pointer;border-top:1px solid #000;} #footer #currency-options ul li a.currency-option:hover {background:#353535;} #footer li.credits a {color:#504d4d;} #footer li.credits a:hover {color:#777;} .modalBackground{background-color: Gray;filter: alpha(opacity=70);opacity: 0.7; z-index:1000} .modalPopup{background-color: #F1F1F1;border-width: 3px;border-style: solid;border-color: Gray;padding: 3px;} #ctl00_content_pnGiftCertificate{border-top: 1px solid #c5c8c8;border-bottom: 1px solid #c5c8c8; display: block; float: left; margin: 10px 0; clear: both; padding: 10px 0; width: 608px;} .validator { font-size:1.2em; padding-left:3px;} .status {font-size:1.2em; color:Red;} /*popup*/ .wrapper { position: fixed; z-index:1000; top: 0px; left: 0px; height:100%; width:100%; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; font-family: "Times New Roman", Times, serif; display: none; } .box { width: 400px; position: fixed; float:left; z-index: 1500; text-align: left; left: 50%; top: 0; height: auto; font-family: Arial, Helvetica, sans-serif; display: none; line-height: 100%; } .box .box-pos { width: 400px; left: -50%; top: 0; position: relative; background: #FFF; } body { background-image: url('fakeimg.gif'); background-attachment: fixed; } * html .wrapper { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } * html .box { position: absolute; top: expression( (( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .box H3 { font-size: 15px; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #958e75; text-align: center; margin: 0; padding: 0 0 25px; } .box .close-btn { float: right; width: 9px; height: 9px; overflow: hidden; margin: 10px 10px 5px 0; display: inline; } .box .close-btn IMG {display: block;} .box .share-link { display: block; padding: 0 0; } .box .share-link UL { margin: 0; padding: 0 0 30px; float: left; } .box .share-link UL LI { float: left; display: inline; padding: 0 40px; } .box .share-link UL LI A { font-size: 10px; color: #958e75; text-transform: uppercase; float: left; text-align: center; } .box .share-link UL LI A IMG {display: block;} .box .share-link UL LI A SPAN { display: block; line-height: 100%; padding-top: 8px; } .box .email-form { display: block; padding: 0 20px 20px; display: none; } .box .email-form .title { border-top: 1px solid #a8a8a8; line-height: 0px; font-size: 1px; text-align: center; padding: 0 0 25px; } .box .email-form .title SPAN { font-size: 10px; position: relative; top: -9px; font-weight: bold; color: #958e75; background: #FFF; } .box .email-form .form-row { display: block; padding-bottom: 45px; } .box .email-form .column { width: 170px; float: left; } .box .email-form INPUT { float: left; margin: 0; } .box .email-form .form-row INPUT, .box .email-form TEXTAREA { width: 160px; _width: 170px; background: #e8e7e3; border: none; font-family: "Times New Roman", Times, serif; padding: 3px 5px; color: #000; _height: 25px; font-size: 12px; } .box .email-form .form-row INPUT.error, .box .email-form .form-row TEXTAREA.error { background: #ffff00; } .box .email-form TEXTAREA { width: 350px; _width: 360px; _height: 95px; overflow: auto; max-width: 350px; } .box .email-form LABEL { font-family: "Times New Roman", Times, serif; color: #958e75; font-size: 10px; font-weight: bold; padding-bottom: 5px; float: left; line-height: 100%; } .box .email-form .form-row LABEL {text-transform: uppercase;} .box .email-form .column.right {float: right;} .box .copy-email { margin-top: -35px; width: 100%; display: block; padding-bottom: 35px; } .box .copy-email LABEL { margin: 1px 0 0 3px; padding: 0; position: relative; } .box .copy-email INPUT { width: 13px; height: 13px; } .box .cansel-btn, .box .send-btn { font-size: 10px; text-transform: uppercase; width: 110px; float: right; margin: 0 0 0 15px; border: none; color: #000; background: #bfbfbf; text-align: center; padding: 0px 0; height: 25px; overflow: hidden; text-decoration: none; cursor: pointer; font-family: "Times New Roman", Times, serif; } .box .cansel-btn { height: 14px; padding: 6px 0; line-height: 15px; } .box .cansel-btn:HOVER {text-decoration: none;} .box .send-btn { background: #000; color: #FFF; } .box .thank-you { padding: 45px 20px 80px; text-align: center; display: block; display: none; } .box .error-message { display: block; color: #ff0000; font-size: 12px; text-align: center; position: relative; top: -17px; font-weight: bold; display: none; } .box .thank-you H3 { font-size: 20px; text-transform: none; padding-bottom: 25px; } .box .thank-you P { margin: 0; font-size: 15px; color: #958e75; font-weight: bold; padding: 0 0 20px; font-family: "Times New Roman", Times, serif; } .box .thank-you P A {color: #000;} .relax { clear: both; height: 0; line-height: 0px; font-size: 1px; } .st_facebook_custom{ background: url("http://www.gina.com/public/images/icons/facebook-icon.gif") no-repeat scroll left top transparent; padding:0px 50px 45px 0; } .st_twitter_custom{ background: url("http://www.gina.com/public/images/icons/twitter-icon.gif") no-repeat scroll left top transparent; padding:0px 50px 45px 0; } /*popup*/