/* frontend styles for TWRYG */ /* foundation styles */ body {font-family:verdana, arial, helvetica, sans-serif; background:url('http://www.twryg.net/images/background2.jpg') top left;} #wrapper {margin: 20px auto; background: url('http://www.twryg.net/images/slice-mainbg.gif') 0px 0px repeat-y; overflow:none;} #background {background: url('http://www.twryg.net/images/header-mainbg.gif') 0px 0px no-repeat;} /* selector defaults */ h2, h3 {clear:left;} input, textarea {color:#303030;} p {display:block;} /* sitewide template - header, footer, subnav, default content */ #header {overflow:auto; background:url('http://www.twryg.net/images/header-bg.gif') 12px 12px no-repeat;} #header h1, #header h2 {float:left; background:url('http://www.twryg.net/newsite/logo.jpg') no-repeat top left; text-indent:-9999px; overflow:hidden; display:block; margin: 58px 0 0 47px;} #header h1 a, #header h2 a {display:block; width:848px; height:66px;} #header #mainMenu {margin-left:46px; background:url("http://www.twryg.net/images/menutop.gif") top left no-repeat; overflow:auto; clear:both; width:850px;} #header #mainMenu #menuWrapper {background:url("http://www.twryg.net/images/menubottom.gif") bottom left no-repeat; float:left; width:100%;} #header #mainMenu ul {clear:both; float:left; width:800px; margin:0 0 0 15px;} #header #mainMenu ul li {float:left; margin: 0 10px;} #header #mainMenu ul a:link, #header #mainMenu ul a:active, #header #mainMenu ul a:hover, #header #mainMenu ul a:visited {color:#f5f0d2; text-decoration:none; display:block; padding:7px 0; font-size:1.4em; font-weight:normal; font-family:century gothic, verdana, arial, sans-serif;} #header #mainMenu #basketSummary {float:right; width:200px;} #header #mainMenu #basketSummary p {text-align:center; color:#c65374; margin:8px 0 0 0; display:block; font-size:1.2em; letter-spacing:-.5px;} /* letter-spacing reduced in ie-only.css */ #header #mainMenu #basketSummary a:link, #header #mainMenu #basketSummary a:active, #header #mainMenu #basketSummary a:visited {color:#c65374; text-decoration:none;} #header #mainMenu #basketSummary a:hover {color:#87888a; text-decoration:underline;} #pageArea {width:100%; clear:both; overflow:auto; background:url('http://www.twryg.net/images/page-bot-bg.gif') 12px 100% no-repeat;} #pageArea #content, #pageArea.home #content {margin-left:46px; width:848px; background:#ffffff; overflow:none; padding:0 0 20px 0;/*padding:0 5px 20px 8px;*/ font-size:1.3em; color:#2F4F4F; clear:both; min-height:200px;} #pageArea.home #content {width:847px;} #pageArea #content {padding:0 10px;} #pageArea.account #content {margin-left:90px; margin-right:15px; width:820px; margin-bottom:20px; position:relative;} /* height used in ie-only.css to replicate min-height */ #pageArea.home #content {padding-top:0;} #pageArea.with-nav #content {float:left; clear:none; font-size:1.2em; width:800px; margin-left:-12px; color:#87888a; background:#ffffff url("http://www.ollieandnic.com/images/front/subnav-div.gif") top left repeat-y; margin-bottom:2em; padding:0 0 0 0 10px;} #pageArea.payment #content {padding:0; width:848px; margin-left:46px;} #pageArea.confirm #content, #pageArea.confirm #content p, #pageArea.confirm #content h1 {text-align:center;} #pageArea.confirm #content h1, #pageArea.payment #content.confirm .options h1 {display:inline; float:none; margin-bottom:1.5em; font-family:Myriad Pro, verdana, arial, sans-serif;} #pageArea.confirm #content p.lead {font-weight:bold;} #pageArea.confirm #content p {margin:1.5em 0;} #pageArea.confirm #content .form-actions {margin-top:3em; margin-bottom:5em;} #pageArea.payment #content .options {background:url('http://www.twryg.net/images/table-hd-bg.gif') top left repeat-x; width:100%; margin:.3em 0 1.5em 0; padding:6px 0 14px;} #pageArea.payment #content .options h1 {float:left;} #pageArea.payment #content h2, #content #billing h3 {border-bottom:1px solid #87888A; color:#87888A; margin:1em 0 2em; padding-bottom:0.2em; font-size:1.4em; font-family:verdana, arial, helvetica, sans-serif;} #content #billing h3 {border-bottom:1px solid #DF03AD; color:#009140; font-size:1.2em; font-weight:normal; padding-bottom:0.2em; text-transform:capitalize;} #pageArea.payment #content .options ul {float:right;} #pageArea.payment #content .options ul li {display:inline; margin-right:40px; font-weight:bold;} #pageArea.payment #content form {margin:0 15px;} #pageArea.payment #content form fieldset {margin-bottom:15px;} #pageArea.payment #content form p {clear:left;} #pageArea.payment #content form label, #content form#billing label {color:#000000; font-size:.9em; float:left; width:14em;} #pageArea.payment #content form a.help:link, #pageArea.payment #content form a.help:active, #pageArea.payment #content form a.help:visited {font-size:.8em; color:#000000; margin-left:.5em;} #pageArea.payment #content form a.help:hover {text-decoration:none;} #pageArea.payment #content form .form-actions {padding-top:1.5em;} #pageArea.payment #content.confirm .form-actions {margin:2em 0 4em 0;} #pageArea.payment #content form .form-actions .button1 {margin-left:11em;} #pageArea.payment #content form .multiCols p {margin:0 0 .5em 0;} #pageArea.payment #content form .multiCols input, #pageArea.payment #content form .multiCols select {display:inline; margin-top:.5em;} #content p.intro {font-weight:bold; clear:both; margin:1em 80px; display:block;} #content p.note {font-style:italic; clear:both; margin:1em 80px; display:block;} .selection {float:right; margin-right:5px;} .selection label { margin-right:5px;} .selection select {margin:0;} .selection select#moveProd {float:none;} .options .selection {margin-left:1em;} .options .selection .pagination {margin-top:.2em;} /* .options {width:849px; float:left; margin:.5em 0 .5em 46px; vertical-align:middle; background:url('http://www.ollieandnic.com/images/front/horiz-div.gif') bottom left repeat-x; padding-bottom:7px; color:#918880; font-size:1.2em;} */ .options {width:848px; float:left; margin:.5em 0 .5em 46px; vertical-align:middle; padding-bottom:7px; color:#918880; font-size:1.2em; background:url('http://www.twryg.net/images/header-divider.gif') bottom left repeat-x;} #content .options {margin-left:0; width:839px; font-size:1em; background:none;} #content .options .selection select {margin-right:.5em;} #pageArea.account #content .options {width:100%;} .options p {float:left; margin-left:5px;} .options input, .options select, .options label {vertical-align:middle;} .options .pagination {margin-right:10px;} .options .search {float:left;} .options .date-range {float:left; width:50%;} .options.alt-layout label {font-weight:bold; display:block;} .options.alt-layout .search {margin-left:1.5em;} /* breadcumb */ .options p.breadcrumb {padding-bottom:0; font-size: 0.9em; } p.breadcrumb {color:#918880; padding-bottom:.5em; margin:0 0 0 10px;} p.breadcrumb a:link, p.breadcrumb a:active, p.breadcrumb a:visited {color:#918880; text-decoration:none;} p.breadcrumb a:hover {text-decoration:underline; color:#c65374;} /* Pagination */ div.options ul.pagination { float: right; } div.options div.selection ul.pagination { float: none; } ul.pagination {margin:0 20px 0 0; color:#918880; vertical-align:middle;} ul.pagination li {display:inline; background:url('http://www.twryg.net/images/grey-divider.gif') center right no-repeat; padding-right:5px; margin-right: 5px;font-size: 0.9em;} ul.pagination li a:link, ul.pagination li a:active, ul.pagination li a:visited {color:#918880; text-decoration:none; padding-right:10px;} ul.pagination li a:hover {text-decoration:underline; color:#c65374;} ul.pagination li.no-pipe {margin-left:.5em; background:none;} ul.pagination li.last {margin-left:.5em; background:none;} #content #summaryInfo {line-height:2em; margin:0; padding-left:13px; clear:both;} /* content boxes */ #content .box {overflow:auto; margin:15px 80px; clear:both; padding:0 15px; background:#f5e2e7;} #content .box h2 {clear:both; color:#C95D7A; display:block; font-family:century gothic, arial; font-size:1.7em; margin:1em 0 .5em 0;} #content .box h3 {color:#84ae84; font-family:Myriad Pro, verdana, arial, sans-serif; padding:.5em 0em; font-size:1.3em; font-weight:bold;} #content .table-notes {float:left; font-size:.9em; color:#344344; margin:10px 0 0 14px;} #content .add a:link, #content .add a:active, #content .add a:visited {padding-top:.3em; padding-left:1.5em; background:url('http://www.ollieandnic.com/images/icons/add.gif') center left no-repeat; text-decoration:none; font-weight:bold;} #content .add a:hover {text-decoration:underline;} #content .remove {margin-left:.5em; vertical-align:top;} /* Homepage */ #content ul.homeBoxes {overflow:auto; margin:15px 0; font-size:1.2em;} #content ul.homeBoxes li {float:left; margin-right:5px;} #content ul.homeBoxes li.last {margin-right:0;} #content ul.homeBoxes h2 {color:#c65374; font-size:.8em; font-weight:bold; background:url('http://www.twryg.net/images/homeBoxes-bg.jpg') top left no-repeat; padding:7px 20px 6px 15px; text-align:center; display:block; margin-bottom:5px; letter-spacing:0;} #content ul.homeBoxes .large {font-size:4em; color:#68a56f; font-weight:bold;} #content ul.homeBoxes p.view {margin:0;} #content ul.homeBoxes p.view a:link, #content ul.homeBoxes p.view a:active, #content ul.homeBoxes p.view a:visited {display:block; color:#ffffff; margin-top:1.5em; padding:.3em; background:#81073a url('http://www.ollieandnic.com/images/pink-grad.gif') top left repeat-x;} #content ul.homeBoxes p strong {white-space:nowrap;} #content ul.homeBoxes .large-text p {color:#87888a; font-size:1.2em; margin:.5em 1em;} #content ul.homeBoxes .alt-text p {font-size:1em; background:url('http://www.twryg.net/images/star-bg.gif') top left; padding:.5em 1em 1em 1em; margin:0;} #content #homeContent {float:left; display:inline; width:750px; margin:18px 0 0 18px;} /* content boxes */ #content ul.contentBoxes {overflow:auto; margin:15px 0 2em 10px; clear:both;} #content ul.contentBoxes li.first {margin-left:2px;} #content ul.contentBoxes li {float:left; width:260px; padding:5px 3px; margin-left:6px; min-height:99px;} #content ul.contentBoxes h2 {color:#c65374; font-size:1.1em; font-weight:bold; background:url('http://www.twryg.net/images/contentBoxes-hd-bg.gif') top left no-repeat; padding:7px 23px 6px 15px; text-align:center; display:block; margin-bottom:5px; letter-spacing:0; text-transform:uppercase;} #content ul.contentBoxes p {color:#646464; font-size:1.1em; margin:.5em 1.5em;} #content ul.contentBoxes .alt-text p {font-size:1.4em; padding:.5em 1em 1em 1em; margin:0;} #content ul.contentBoxes .large-text p {color:#87888a; font-size:1.8em; margin:.5em 1em;} /* righthand column for search etc */ #rightCol {float:right; width:170px; text-align:center; margin:20px 0 8px 0; font-family:verdana, arial, sans-serif;} #rightCol h3 {color:#c65374; margin:0 0 1.5em 0; font-size:1.2em;} #rightCol ul li {padding-bottom:1em;} #rightCol ul li p {text-align:center;} #rightCol ul li a:link, #rightCol ul li a:active, #rightCol ul li a:visited {font-size:1.2em; text-decoration:none; color:#8b8280; display:block;} #rightCol ul li a:hover {text-decoration:underline;} #rightCol.search {float:right; width:170px; margin:0px 5px 8px 0; padding-bottom:8px; background:url('http://www.twryg.net/images/search-botbg.jpg') bottom left no-repeat; text-align:left;} #rightCol.search h3 {padding-top:81px; background:url('http://www.twryg.net/images/search-topbg.gif') top left no-repeat; margin-bottom:.5em; display:block; text-indent:-9999px; overflow:hidden;} #rightCol.search h4 {font-size:1.4em; color:#c65374; font-weight:normal; background:url('http://www.twryg.net/images/search-divider.gif') top center no-repeat; padding-top:10px; margin-top:1.5em; margin-bottom:.2em; clear:both;} #rightCol.search form h4, #rightCol.search form label, #rightCol.search form p {padding-left:20px;} #rightCol.search form select {margin-bottom:1em; margin-left:20px;} #rightCol.search form {background:url('http://www.twryg.net/images/search-slice.jpg') top left repeat-y; margin-bottom:10px;} #rightCol.search form label {display:block; color:#87888a; font-size:1.4em;} #rightCol.search form p {display:block; color:#87888a; margin-right:20px; line-height:1.4em; margin:0 1em .5em 0; font-size:1.2em;} #rightCol.search form .button1 {margin-bottom:.5em;} #rightCol.search form .form-actions {width:160px; margin:0; text-align:center;} /* Products */ #content ul#products {padding-left:10px;} #content ul#products li {float:left; padding-top:30px; margin:10px 5px; width:191px; line-height:2em; text-align:center;} #content ul#products li.first {clear:left;} #content ul#products li.last {margin-right:0px;} /* Tags */ #content ul#products li.new-tag {background:url('http://www.ollieandnic.com/images/icons/new-tag.gif') center top no-repeat;} #content ul#products li.sale-tag {background:url('http://www.ollieandnic.com/images/icons/sale-tag.gif') center top no-repeat;} #content ul#products li.exclusive-offer-tag {background:url('http://www.ollieandnic.com/images/icons/exclusive-offer-tag.gif') center top no-repeat;} #content ul#products li.we-love-tag {background:url('http://www.ollieandnic.com/images/icons/we-love-tag.gif') center top no-repeat;} #content ul#products li.low-stock-tag {background:url('http://www.ollieandnic.com/images/icons/low-stock-tag.gif') center top no-repeat;} #content ul#products li.awaiting-delivery-tag {background:url('http://www.ollieandnic.com/images/icons/awaiting-delivery-tag.gif') center top no-repeat;} #content ul#products li.perfect-present-tag {background:url('http://www.ollieandnic.com/images/icons/perfect-present-tag.gif') center top no-repeat;} #content ul#products li.fabric-tag {background:url('http://www.ollieandnic.com/images/icons/fabric-tag.gif') center top no-repeat;} #content ul#products li.leather-tag {background:url('http://www.ollieandnic.com/images/icons/leather-tag.gif') center top no-repeat;} #content ul#products li.non-leather-tag {background:url('http://www.ollieandnic.com/images/icons/non-leather-tag.gif') center top no-repeat;} /* Tags end */ #content ul#products li h2, #pageArea.products li p {margin:0; color:#58585a; text-align:center;} #content ul#products li p {background:url('http://www.twryg.net/images/product-border.jpg') top left no-repeat; width:191px; height:156px; text-align:center;} #content ul#products li p a {padding-top:10px; padding-bottom:11px; height:136px; background:#ffffff; display:block;} #content ul#products li p a:hover {background:none;} #content ul#products li p.price {background:url('http://www.twryg.net/images/dot-divider.gif') top center no-repeat; text-align:center; margin-top:.5em; padding-top:.5em; height:auto;} #content p span {color:#918b87;} #content p span.highlight {color:#e2001a;} #content p.colour-palette {width:100%; line-height:2em;} #content ul#products p.colour-palette {background:none; height:auto; width:191px; margin:0 10px; margin:0; display:inline;} #content ul#products li p .swatch, #content p.colour-palette .swatch {border:1px solid #72715f; margin:0 2px; padding:0px 8px; font-size:10px; text-decoration: none;} #content ul#products li p a.swatch {height:auto; display: inline; text-decoration: none;} /* Prodcut Images */ #content #productSelect {float:left; width:296px; text-align:center; margin:10px; margin-top:0px;} #content #productSelect ul li {float:left; margin:0 4px 0 0; padding-top:20px; width:94px;} #content #productSelect ul li.last {margin-right:0;} #content #productSelect ul li a {display:block; border:1px solid #e5e5e5;} #content #productSelect p.zoom {color:#918b87;} #content #productDetails {float:left; width:320px; padding-bottom:3em; background:url('http://www.twryg.net/images/subnav-div.gif') top right no-repeat; padding-right:8px; margin-top:20px;} #content #productDetails h1 {color:#c65374; font-size:1.5em; font-weight:normal; margin-bottom:.2em; font-family:century gothic, verdana, arial, sans-serif;} #content #productDetails p.prod-details {margin:0; padding:0; line-height:1.7em;} #content #productDetails p.prod-details span {float:left; width:80px;} #content #productDetails p.highlight, #content #productDetails p.highlight span, #content #productDetails p.highlight span {color:#f93509;} #content #productDetails .dots {background:url('http://www.twryg.net/images/horiz-div.gif') top left repeat-x; margin-top:0; padding-top:1.2em;} #content #productDetails ul.dots {clear:both; padding-left:25px; line-height:1.6em;} #content #productDetails ul.dots li {list-style:disc; font-size: 0.9em; line-height: 1.8em;} #content #specification {text-align:center; clear:both; margin-top:1em;} #content #productDetails label {font-weight:normal; margin:0; color:#918b87;} #content #productDetails p {margin:.5em 0; padding:0 .5em; float:left; clear:left; color:#918b87; font-size: 0.9em; line-height: 1.8em;} #content #specification p {width:100%; font-size: 0.9em;}s #content #specification p.colour-palette {display:inline; text-align:left;} #content #specification .facebook {padding-left:5%; background:url('http://www.ollieandnic.com/images/icons/facebook.gif') center left no-repeat;} #content #spotlight {background:#ffffff url('http://www.twryg.net/images/red-gradient.jpg') top left repeat-x; clear:both; overflow:auto; padding-bottom:2em; margin:1.5em 0 0 0;} #content #spotlight.status {background:#ffffff url('http://www.twryg.net/images/green-gradient.jpg') top left repeat-x;} #content #spotlight.order-opts {background:#ffffff url('http://www.twryg.net/images/green-gradient.jpg') 0 0 repeat-x; clear:none; overflow:visible; width:320px; margin-top:-165px; padding-top:.5em;} #content #spotlight h2 {color:#918b87; font-size:1.2em; text-transform:uppercase; margin:.5em 0 0 .5em;} #content #productDetails .leftcol {float:left; width:50%; clear:both;} #content #productDetails .rightcol {float:left; width:45%;} #content #productDetails .form-actions {padding-top:1.5em; margin-top:0;} /* tabbed menu */ #content ul#tabMenu {clear:both; float:left; background:url('http://www.twryg.net/images/tab-slice-shadow-bg.gif') top left repeat-x; margin-top:1em;} #content ul#tabMenu li.first {background:url('http://www.twryg.net/images/tab-startshadow-bg.gif') top left no-repeat; padding-left:6px;} #content ul#tabMenu li.last {padding-right:6px; background:url('http://www.twryg.net/images/tab-endshadow-bg.gif') top right no-repeat;} #content ul#tabMenu li {float:left; padding-right:3px;} #content ul#tabMenu a:link, #content ul#tabMenu a:active, #content ul#tabMenu a:visited {background:url('http://www.twryg.net/images/tab-slice.gif') top left repeat-x #ffffff; display:block; padding:.5em 1em; text-decoration:none; font-size:1.1em;} #content ul#tabMenu a.selected, #content ul#tabMenu a:hover {color:#c65374;} /* single column content */ #content #singleCol {margin:0 0 15px 2px; width:616px; background:url('http://www.twryg.net/images/single-box-slice.gif') top left repeat-y; line-height:1.8em;} #content #singleCol h1 {color:#87888a; font-size:1.8em; font-weight:normal; margin-bottom:.8em; padding:15px 15px 0 15px; display:block;} #content #singleCol h2 {color:#c65374; font-size:1.3em; padding:15px 15px 0 15px;} #content #singleCol p {color:#87888a; font-size:1.1em; padding:0 15px 0 15px; display:block;} #content #singleCol .col1, #content #singleCol .col2 {margin-top:2em;} #content #singleCol #contentFoot {display:block; overflow:none; clear:both; background:url('http://www.twryg.net/images/single-box-bot.gif') bottom left no-repeat; padding-bottom:1em;} #content #singleCol #contentBody {background:url('http://www.twryg.net/images/single-box-top.gif') top left no-repeat;} #content #singleCol.form-layout .form-actions {margin-top:0;} #content #singleCol.no-nav {background:none; line-height:1.8em; width:98%;} #content #singleCol.no-nav h1 {font-size:1.8em; padding: .5em 0 0 0; color:#85ae84; font-weight:normal;} #content #singleCol.no-nav h2 {padding-top:0;} #content #singleCol.signin h1 {font-size:1.8em; padding:.5em 0 0 0; margin-left:2px; color:#85ae84; font-weight:normal;} #content #singleCol.signin {background:none; font-size:.8em;} #content #singleCol.signin .form-actions input {font-size:1.2em;} /* details */ #content #subMenu {position:absolute; display:block; overflow:auto; top:2em; right:0em;} #content #subMenu ul li {float:left; background:url('http://www.twryg.net/images/list-divider.gif') 100% 55% no-repeat;} #content #subMenu ul li a:link, #content #subMenu ul li a:active, #content #subMenu ul li a:visited {padding-left:0;} #content #subMenu a:link, #content #subMenu a:active, #content #subMenu a:visited {margin:.5em 0 .5em 1em; padding: 0 1em; text-decoration:none;} #content #subMenu a.selected:link, #content #subMenu a.selected:active, #content #subMenu a.selected:visited {color:#c95d7a; font-weight:bold;} #content #subMenu a:hover {text-decoration:underline; color:#c95d7a;} #content #subMenu ul li.last {background:none;} /* two column layout */ #twoCols .wide {width:550px; float:left; margin-right:5px; display:inline; background:url('http://www.twryg.net/images/header-divider.gif') top left repeat-x;} #twoCols .narrow {width:260px; float:left; background:url('http://www.twryg.net/images/header-divider.gif') top left repeat-x; text-align:center;} #twoCols .narrow p {font-size:.8em; text-align:center; margin-top:2em;} #twoCols .narrow .form-actions {width:100%; overflow:auto; margin-top:3em;} #twoCols h2 {background:url('http://www.twryg.net/images/table-hd-bg.gif') bottom left repeat-x; padding:.6em 0 .6em 25px; text-align:left; margin-bottom:2em;} #twoCols ul.threeCols {margin-left:25px; font-size:1em;} #twoCols ul.threeCols p, #twoCols ul.threeCols address {font-size:.9em;} #twoCols ul.threeCols address p {font-size:1em;} ul.threeCols {clear:both; line-height:1.5em;} #pageArea.account #content p.field-info {font-size:.85em; margin:.7em 2em 0 0; float:left;} #pageArea.account #content #accountHome ul#twoCols li {float:left; background:url('http://www.twryg.net/images/gradient-slice.jpg') top left repeat-x; width:290px; margin:0 10px; padding-left:40px;} #pageArea.account #content #accountHome ul#twoCols {clear:both; background:url('http://www.twryg.net/images/subnav-div.gif') 44% 0% no-repeat; overflow:none;} #pageArea.account #content #accountHome ul#twoCols h2 {background:none; padding-left:0; color:#c65374; font-size:1.2em; margin:.5em 0 1em 0;} #pageArea.account #content #accountHome ul#twoCols address {font-style:normal; margin-top:1em; line-height:1.5em; font-size:1em;} /* Width is larger in ie-only.css to account for padding */ #pageArea.account #content #accountHome ul.threeCols li {width:231px; margin:0 10px; color:#58585a; padding:0 10px;} #pageArea.account #content #accountHome ul.threeCols li.first {margin-left:0;} #pageArea.account #content #accountHome ul.threeCols li.last {margin-right:0; text-align:center; padding:0;} #pageArea.account #content #accountHome ul.threeCols li.last p {margin: 0 10px 0 30px; text-align:left;} #pageArea.account #content #accountHome ul.threeCols li p label { color:#58585a; font-weight:bold;} #pageArea.account #content #accountHome ul.threeCols li input.text {width:95%;} #pageArea.account #content #accountHome ul.threeCols li .form-actions input.button-base { margin: 0 auto; } #pageArea.account #content #accountHome ul.threeCols li .form-actions {display:block; text-align:center;} #pageArea.account #content #accountHome ul.threeCols li .form-actions p {clear:left; text-align:center; color:#58585a;} #pageArea.account #content #accountHome ul.threeCols {clear:both; background:url('http://www.twryg.net/images/signin-bg.jpg') top left no-repeat; overflow:auto; width:784px;} #pageArea.account #content #accountHome ul.no-express {clear:both; background:url('http://www.twryg.net/images/signin-bg2.JPG') top left no-repeat; overflow:auto; width:784px;} #pageArea.account #content #accountHome ul.threeCols li .button1 {margin-top:2em;} #pageArea.account #content #accountHome ul.threeCols h2 {text-transform:uppercase; background:none; padding-left:0; color:#c65374; font-size:1.2em; margin:.5em 0 1em 0; text-align:center;} #pageArea.account #content #accountHome ul.threeCols address {font-style:normal; margin-top:1em; line-height:1.5em;} #pageArea.account #content #accountHome ul.threeCols li ul {margin-top:1em;} #pageArea.account #content #accountHome ul.threeCols li ul li {background:none; list-style:disc; float:none; width:auto; margin-left:20px; padding-left:5px;} #pageArea.account #content ul.threeCols h3 {color:#84ae84; margin:.5em 0;} #pageArea.account #content ul.threeCols li.first {margin-top:0;} #pageArea.account #content ul.threeCols li {margin-top:-3em;} #content ul.threeCols.summary li.first {width:38%;} #content ul.threeCols.summary li {width:28%; margin-right:2%;} #content ul.threeCols.summary h3 {margin-top:0;} #content ul.threeCols li {float:left; width:28%; margin-right:5%; margin-bottom:1.5em;} #content ul.threeCols li.last {margin-right:0;} #content ul.threeCols li.first {clear:left;} #content ul.threeCols h3 {text-transform:uppercase; color:#87888a;} #content ul.threeCols h3.store-locations { font-weight: bold; } #content ul.threeCols address {font-style:normal; margin-top:.5em; line-height:1.5em;} #content ul.threeCols.list1 {margin:20px 10px 20px 20px;} #content ul.threeCols.list1 li {width:30%;} #content ul.threeCols.list1 h3 {border-bottom:1px solid #df03ad; color:#009140; text-transform:capitalize; font-size:1.2em; font-weight:normal; padding-bottom:.2em;} #content ul.fourCols {clear:both; line-height:1.5em;} #content ul.fourCols li {float:left; width:22%; margin-right:3%; margin-bottom:1.5em;} #content ul.fourCols li.last {margin-right:0;} #content ul.fourCols li.first {clear:left;} #content ul.fourCols h4 {text-transform:uppercase; color:#82b184; font-size:1.3em; font-weight:normal; background:url('http://www.twryg.net/images/header-divider.gif') bottom left repeat-x; padding-bottom:.5em;} #content ul.fourCols address {font-style:normal; margin:.5em 0; line-height:1.5em;} #content ul.fourCols address p {font-size:1em;} #content ul.fourCols ul a:link, ul.fourCols ul a:active, ul.fourCols ul a:visited {text-transform:uppercase; text-decoration:none;} #content ul.fourCols ul a:hover {text-transform:uppercase; text-decoration:underline;} #content ul.fourCols ul a.address-buttons { font-size: 0.9em; color: #2e2b2b;} #content ul.fourCols ul li {background:url('http://www.twryg.net/images/list-divider.gif') 100% 4px no-repeat;} #content ul.fourCols ul li.last {background:none;} /* express checkout button wraping */ #pageArea.account #content #accountHome ul.threeCols li.last p.express-button { margin: 15px 0px 0px 30px; } #userMessage {float:left; width:500px;} #userMessage p {} /* default styles for ul and ol */ #content #contentBody ul, #content #contentBody ol {color:#87888A; display:block; font-size:1.1em; margin:1em 0 1em 25px; padding:0 10px;} #content #contentBody ul {margin-left:20px;} #content #contentBody ul li {list-style-type: disc} #content #contentBody ol li {list-style-type: decimal} /* The delivery moethod page submit buttons and footer */ #pageArea.account #content #accountHome .delivery-submit { clear: both; width: 85%; margin-left: 20px; padding-top: 20px; } #pageArea.account #content #accountHome .delivery-submit p { clear: both; float: left; } /* Empty Shopping Basket */ div.empty-basket { text-align: center; } div.empty-basket input.button-base { margin: 20px auto; } /* Order Summary */ #content .additional-opts h3 {color:#87888a; margin:0; background:url('http://www.twryg.net/images/stars-hd.gif') center left no-repeat; padding:4px 18px 0 18px; width:157px; text-indent:-9999px; overflow:auto;} #content .additional-opts {padding-left:1.2em; margin-bottom:0;} #content .additional-opts select {float:left;} #content .additional-opts label {display:block; margin:1em 0 .2em .2em; color:#87888a; font-weight:normal;} #content .additional-opts input {float:left;} #content .additional-opts .field-info {font-size:.8em; width:200px;} #content .item {margin-top:1em;} #content .item h4, #content .item p {margin-left:60px; margin-bottom:.5em;} #content #promo_code_form.additional-opts {margin-bottom:2em;} /* default content table */ /* Form Actions */ .form-actions.opposite {float:right; margin-right:15px;} #pageArea.account #content #accountHome .form-actions {margin-right:100px; margin-bottom:2em;} #pageArea.account #content #accountHome .threeCols li p {display:block;} #pageArea.account #content #accountHome .threeCols li .form-actions {margin-right:0; margin-bottom:0em;} #pageArea.account #content #accountHome .threeCols li fieldset {width:100%;} p label {color:#87888a; display:block; margin-right:.5em;} /* error fields */ #content #billing p label.error {margin-left:0px; width:80%;} #content p label.error {font-size:.9em; margin-left:225px;} #content p label {margin:0;} /* default button styles */ .form-actions.opposite .buttons {clear:both;} #content .additional-opts input.table-buttons {float:none; width:auto;} #twoCols .narrow .form-actions .buttons {float:none; text-align:center;} input.buttons, a.buttons:link, a.buttons:active, a.buttons:visited {border:0; color:#f5f0d2; cursor:pointer; text-transform:uppercase; text-decoration:none; background: #c35272;} input.buttons-alt, a.buttons-alt:link, a.buttons-alt:active, a.buttons-alt:visited, input.table-buttons, a.table-buttons:link, a.table-buttons:active, a.table-buttons:visited {border:0; font-size:1em; color:#f5f0d2; cursor:pointer; text-transform:uppercase; text-decoration:none; width:auto; background: #c35272;} .form-actions .button1 {background-position:100% 53%;} /* buttons styles for rounded corners added with jquery */ /* padding and input width altered in ie-only.css */ .button1 input.buttons, .button1 a.buttons {padding:5px 5px 5px 22px; background:url("http://www.ollieandnic.com/images/buttons/ft-red-bg-l.png") center left no-repeat;} .button2 input.buttons-alt, .button2 a.buttons-alt, .button2 a.table-buttons, .button2 input.table-buttons {padding:4px 5px 4px 22px; background:url("http://www.ollieandnic.com/images/buttons/ft-green-bg-l.png") 0 0 no-repeat; color:#f5f0d2;} .button2 {padding:5px 10px; background:url("http://www.ollieandnic.com/images/buttons/ft-green-bg-r.png") 100% 60% no-repeat;} .button3 {float:left; margin:0 auto; background:url("http://www.ollieandnic.com/images/buttons/ft-red-bg-r.png") center right no-repeat;} .button1 a.buttons, .button1 a.buttons-alt, .button1 a.table-buttons {padding-top:4px;} #updateDetails .buttons {margin-left:140px;} .form-actions.opposite .button1 {margin:0 0 0 1.5em;} #content #singleCol #contentFoot .form-actions {margin-left:9.5em;} #content #singleCol #contentFoot .button1 {margin:1em 0 0 0;} .button1 {padding:6px 10px 6px 0; background:url("http://www.ollieandnic.com/images/buttons/ft-red-bg-r.png") 100% 50% no-repeat;} .field-info {font-size:.9em; color:#87888a; margin:5px 0 0 0; display:block; clear:both;} .col1 .field-info {margin-top:2em;} #footer {font-size:1.1em; background:url("http://www.twryg.net/images/footer-bg.jpg") bottom left no-repeat; padding-bottom:45px; margin-bottom:25px; height:15px; clear:both;} #footer ul {margin:0 0 0 50px;} #footer ul li {float:left; padding:0 5px; background:url('http://www.twryg.net/images/list-divider.gif') right center no-repeat;} #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {color:#79A178; text-decoration:none;} #footer ul li a:hover {text-decoration:underline; color:#87888a;} #footer p {float:right; color:#79A178; margin:0 60px 0 0; display:inline;} /* utilities */ .stripes {background:#fbfbfb;} .sub-stripes {background:#fcfbf1;} .urgent {color:#f80020;} #content p span.mandatory, .mandatory {color:#f80020;} #content p.mandatory span, .mandatory span {font-size:1.2em;line-height:1em; vertical-align:middle;color:#f80020;} a.sort {background:url('http://www.ollieandnic.com/images/icons/down-arrow.png') center right no-repeat; padding-right:1em;} .results {clear:both; font-weight:bold; margin-bottom:.5em;} .divider {border-bottom:1px solid #bcbcbc; padding:0 .5em .5em .5em; margin:.5em 0; clear:both;} .complete {color:#009700; text-transform:uppercase;} input.readonly-field {border:none; background:none;} .zoom {display:inline; line-height:2em;} .zoom span {padding:.2em 2em .2em 0; background:url('http://www.ollieandnic.com/images/icons/zoom.gif') center right no-repeat;} .lock {background:url('http://www.ollieandnic.com/images/icons/lock.gif') center left no-repeat; padding:1px 0 3px 20px;} .reduce {font-size:.8em; margin-top:2em;} /* status colours */ .processing {color:#cf7300; text-transform:uppercase;} .cancelled {color:red; text-transform:uppercase;} .new {color:#af02cc; text-transform:uppercase;} .complete {color:#009700; text-transform:uppercase;} .awaiting, #content #productDetails p.awaiting {color:#85ae84; text-transform:uppercase; margin:1em 0 0 0; padding:0;}