/* Edited: 15 October 2008 (LD 10:16) Website: http://www.cross.com Created: 11 September 2007 Author: Laura Zucchetti */ /* ACCESSIBILITY ====================================== */ #skip_to{ height:0; padding:0; } #skip_to ul, #skip_to li, #skip_to a{ height:0; padding:0; margin:0; text-indent:-999px; list-style-type:none; display:inline; overflow:hidden; position:absolute; } /*GLOBAL*/ body {border-top: 4px solid #3d3936; text-align: center; font-family:Arial, Helvetica, sans-serif; color:#404040;} #container #wrap-content .inner {width:960px; position:relative; text-align:left;margin: 0 auto;} #container #wrap-content .inner .inner {width: auto;} a {color:#104E8B; text-decoration:underline;} a:hover {text-decoration:none;} p.special-price {color:#FF3333;} .link-btn {background:none; border:none; padding:0; margin:0; text-decoration:underline; color:#104E8B;} /*Form elements*/ .textfield, textarea {border:1px solid #ACACAC; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; padding:0.25em; } .formrow {margin-bottom:.5em;} .formrow.left, fieldset .left {float:left; clear: both;} .formrow.right, fieldset .right {float:left; margin-left:2em;} fieldset a {font-weight:bold;} .formrow label {display:block; font-size:1.1em;} .formrow label.inline-label {display:inline; font-size:1.1em;} .formrow.none {clear:both;} .formrow select {font-size:1.1em; border:1px solid #ACACAC;} .checkbox, .radio {vertical-align:middle;} input.issue {width:1.5em!important;} input.security {width:3em!important;} /* DEFAULT LAYOUT (Default.Master) */ #container #header {height:80px;} #container #header .inner { width:960px; position:relative; text-align:left;margin: 0 auto; } #container #header .site-id img {float:left; margin: 22px 0 0 0;} /* TASK BAR */ #container #header #task-bar { position: absolute; left: 260px; top: 40px; width:444px;} #container #header #task-bar #search {float:left; width:200px;} #container #header #task-bar #search label {color:#494140;} #container #header #task-bar .textfield {display:block; float:left; padding:3px; margin:0 6px 0 0; width: 130px; border: 1px solid #cecfce; font-size:1.1em;} #container #header #task-bar ul.tasks {width:240px; float:left; margin-left:0;} #container #header #task-bar ul.tasks li {float:left; margin-right: 2px;} /*#container #header #task-bar ul.tasks li a {display:block; text-indent:-999em; outline:none;}*/ #container #header #task-bar ul.tasks li img {margin-top:0; margin-left:2px;} #container #header #task-bar a.lang {margin-left:10px} /*#container #header #task-bar ul.tasks li.account-btn a {background-image:url(../Images/account-btn.gif); width:93px; height:21px;} #container #header #task-bar ul.tasks li.order-btn a {background-image:url(../Images/order-btn.gif); width:98px; height:21px;} #container #header #task-bar ul.tasks li.checkout-btn a {background-image:url(../Images/checkout-btn.gif); width:137px; height:21px;} #container #header #task-bar ul.tasks li.help-btn a {background-image:url(../Images/help-btn.gif); width:46px; height:21px;}*/ /* SIGN IN, REGISTER */ #container #header #task-bar #services {clear:both; padding-top:5px; width:593px; position:relative;} #container #header #task-bar #services ul.user {position:absolute; right:220px; top:10px;} #container #header #task-bar #services ul.user li {display:inline; padding-right:3px;} #container #header #task-bar #services ul.user li a {color:#7B6349; font-weight:bold; font-size:1.2em; background-color:#8C6939; color:#FFF; padding:3px;} #container #header #task-bar #services ul li.bullet {background-image:url(../Images/services-bullet.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:10px;} /* MINI-BASKET */ #container #header #mini-basket {position: absolute; top: 0; right: 0; width: 240px; height: 80px; background: #3d3936 url(../images/minibasket-bg.gif) left top no-repeat; font-size: 1.2em; color: #e5d08e;} #container #header #mini-basket h2 { position: absolute; left: 10px; top: 22px; } #container #header #mini-basket h2 a { color: #E9CC72; text-decoration: none; text-transform: uppercase; } #container #header #mini-basket .view-checkout { position: absolute; right: 20px; top: 12px; } #container #header #mini-basket .totals { position: absolute; right: 20px; top: 58px; text-align: right; } #container #header #mini-basket .totals p {display:inline; padding-left:6px;} /* NAVIGATION */ #container #navigation {width:160px; float:left; padding-top:10px;} /* Level one */ #container #navigation ul {min-height: 494px; padding:4px 0 0 0; margin-bottom:3px; background-color:#e4dece;} #container #navigation li.active a { background-color: #C7BB92; font-weight: bold; color: text-decoration:none;} #container #navigation li.active li a {text-indent:0px; font-weight: normal; } #container #navigation li.active li a {background-image:none;} #container #navigation li {background-color:#e4dece; font-size:1.1em; } #container #navigation li a {display:block; padding:4px 8px 4px 20px; background-image:url(../Images/nav-arrow-right.gif); background-repeat:no-repeat; background-position:8px 8px; color:#000; text-decoration:none;} #container #navigation li a:hover, #container #navigation li.active a:hover {background-color:#C7BB92;} /* Level two */ #container #navigation ul ul {min-height:0; padding:0; background-image:none; margin-bottom:0;} #container #navigation li li { background-color: #8d887a; font-size:1em; color: #fff; } #container #navigation li li h2 {padding:4px 20px; background-image:url(../Images/nav-arrow-down.gif); background-repeat:no-repeat; background-position:6px 9px; font-weight:normal; } #container #navigation li li a, #container #navigation li.active li a { background-color:#c2bdae; display:block; font-weight:normal; color: #000;} /* Level three */ #container #navigation li li li {background-color:#d6d0bf; font-size:1em; } #container #navigation li li li h1 {padding:4px 20px; background-image: none; font-weight: bold; text-decoration:none;} #container #navigation li li li a {display:block; font-weight:normal;} /* Level four */ #container #navigation li li li li {background-color:#d6d0bf; font-size:1em; } #container #navigation li li li li a {display:block; padding:4px 8px 4px 30px; font-weight:normal;} /* NEWSLETTER SIGNUP */ #container #navigation #newsletter-signup {background:#f6cc4e left top repeat-x; min-height:70px; padding:14px 10px 15px 10px;} #container #navigation #newsletter-signup div fieldset p {padding:5px 0; margin-bottom:16px; color:#564331; font-weight: bold; font-size:14px;} #container #navigation #newsletter-signup div input.textfield {font-size:11px; font-family:Verdana, Arial,Helvetica,sans-serif; padding:2px; color:#4C4C4C; height:14px; width:130px;} #container #navigation #newsletter-signup div input.button {margin-top:2px;} #container #navigation #newsletter-signup div span {font-size:1.2em;} #container #navigation #newsletter-signup div span.bad-email {color:#f00; font-weight:bold;} #container #navigation span.signed-up {font-size:1.2em; margin-left:0.2em; padding-bottom:0.4em;} /* CONTENT */ #container #content {width:790px; float:right; padding:10px 0 0 10px; position:relative; margin-bottom:2em; } #container #content h1 {font-size:1.8em; font-weight:normal; padding: .5em 10px; background: #f2eddd; } /* HOME ONLY */ #container #wrap-content #content.home {padding-bottom:2em;} #container #wrap-content #content.home img, #container #wrap-content #content.home a img {clear:both; margin-bottom:1px!important; padding:0px!important;} #container #wrap-content #content #home_a {float:left; width:414px;} #container #wrap-content #content #home_b {float:left; width:178px;} /* BREADCRUMBS */ #container #wrap-content #content #breadcrumbs {color:#E186B7;font-size:1.1em; margin-bottom:1em;} #container #wrap-content #content #breadcrumbs a {color:#104E8B; text-decoration:underline; padding-right:.5em;} #container #wrap-content #content #breadcrumbs ul {display:inline;} #container #wrap-content #content #breadcrumbs li {display:inline; background-image:url(../Images/breadcrumb-bullet.gif); background-repeat:no-repeat; background-position: 0 50%; padding-left:10px; color:#535353;} #container #wrap-content #content .breadcrumbs { position: absolute; left: 10px; top: 50px; font-size:1.1em; } /* CATEGORY LIST */ #container #wrap-content #content div.category-header h1 { display: none; } #container #wrap-content #content ul.category-list { margin: 10px 0 0 -10px; } #container #wrap-content #content ul.category-list li { float: left; margin: 0 0 10px 10px; } /* PRODUCT LISTS (4 col) */ #container #wrap-content #content ul.products {list-style-type:none;} #container #wrap-content #content ul.products li {display:inline;} #container #wrap-content #content ul.products li.mid_one {padding-left:12px;} #container #wrap-content #content ul.products li.mid_two {padding-left:12px; padding-right:12px;} #container #wrap-content #content ul.products li img {border-bottom:solid 1px #C1C2C4; margin-bottom:1em;} /* PRODUCT LISTS (3 col) */ #container #wrap-content #content ul.products-three {list-style-type:none;} #container #wrap-content #content ul.products-three li {display:inline;} #container #wrap-content #content ul.products-three li.mid_one {padding:0 4px;} #container #wrap-content #content ul.products-three li img {margin-bottom:1em;} /* FILTER DROPDOWN FOR SUB PRODUCT CAT 1 */ #container #wrap-content #content #filter { margin-bottom: -1.5em; min-width:18.5em; max-width:21em; } #container #wrap-content #content #filter fieldset { } #container #wrap-content #content #filter fieldset label { font-size: 1.2em;} #container #wrap-content #content #filter fieldset select {width:14em;} /* PRODUCT NAV FOR SUB PRODUCT CAT 1 */ #container #wrap-content #content div.product-nav {clear:both; padding: 0 0 1em 19.5em; margin-bottom:1em; text-align: right; border-bottom: 1px solid #dcdcdc; } #container #wrap-content #content div.product-nav p { display: inline; margin: 5px 20px 0 5px;} #container #wrap-content #content div.product-nav p span.hlight {font-weight:bold;} #container #wrap-content #content div.product-nav ul, #container #wrap-content #content div.product-nav ul.searchpager { display: inline; width:50%; margin:5px 5px 0 5px; text-align:right;} #container #wrap-content #content div.product-nav ul li, #container #wrap-content #content div.product-nav ul.searchpager li {display:inline; color:#AB9A5F; font-size:1.2em; padding-left:.4em;} #container #wrap-content #content div.product-nav ul li a, ul.searchpager li a {color:#104E8B; text-decoration:underline;} #container #wrap-content #content div.product-nav ul li a:hover, ul.searchpager li a:hover {text-decoration:none;} #container #wrap-content #content div.product-nav ul li.nxt-btn a, ul.searchpager li.nxt-btn a {background-image:url(../Images/next-bk.gif); background-repeat:no-repeat; background-position:100% 50%; padding-right:18px; margin-right:10px;} /* SUB PRODUCT CAT 1 (Full width lists) Also used on product pages for related products */ #container #wrap-content #content #product-list-fw {clear:both;} #container #wrap-content #content #product-list-fw h3 {background-color:#E0E0E0; background-image:url(../Images/more-product-nav-bk.gif); background-position:0 0; background-repeat:no-repeat; height:20px; margin-bottom:1em; padding:5px 0 0 20px;} #container #wrap-content #content #product-list-fw ul { clear:both; margin-bottom: 1em; } #container #wrap-content #content #product-list-fw ul li {float:left; width:130px; margin:0 0 0 20px; padding:0 7px 0 0; border-top:solid 2px #FFF; border-bottom:solid 2px #FFF;} /*Each Languages have different product list heights*/ #container #wrap-content #content #product-list-fw.lang-en ul li {min-height:34em;} #container #wrap-content #content #product-list-fw.lang-de ul li {min-height:39em;} #container #wrap-content #content #product-list-fw.lang-fr ul li {min-height:36em;} #container #wrap-content #content #product-list-fw.lang-nl ul li {min-height:34em;} #container #wrap-content #content #product-list-fw.lang-es ul li {min-height:36em;} #container #wrap-content #content #product-list-fw ul li.last-fw {padding:0;} #container #wrap-content #content #product-list-fw ul li a {display:block; min-height:4em; margin-bottom:.8em; color:#104E8B; text-decoration:underline; font-size:1.1em;} #container #wrap-content #content #product-list-fw ul li a:hover {text-decoration:none;} #container #wrap-content #content #product-list-fw ul li p {min-height: 9em; font-size:1.1em; margin:0; line-height:normal;} #container #wrap-content #content #product-list-fw ul li p.it-price {min-height: 0; margin:0; padding:.8em 0 0 0; font-weight: bold; font-size:1.1em; float:left;} #container #wrap-content #content #product-list-fw ul li p.prod-id{min-height: 0; margin:0; padding:.8em 0 0 0; font-size:1.1em; float:right} /* SUB PRODUCT CAT 2 (2 col lists) */ #content h1 {font-size:1.8em; margin-bottom:1em; color:#505050; font-weight:normal;} #content h2 {font-size:1.4em; margin-bottom:1em; color:#505050; font-weight:bold;} #content h3 {font-size:1.2em; color:#505050; font-weight:bold;} #content h4 {font-size:1.2em; color:#505050; font-weight:normal;} #content p {font-size:1.2em; margin-bottom:1em; line-height:1.3em;} #container #wrap-content #content #product-list-a {width:290px; float:left;} #container #wrap-content #content #product-list-b {width:290px; float:right;} #container #wrap-content #content #product-list-a ul li, #container #wrap-content #content #product-list-b ul li {font-size:1.1em; margin-bottom:1em;} #container #wrap-content #content #product-list-a ul a, #container #wrap-content #content #product-list-b ul a {display:block; color:#104E8B; text-decoration:underline;} /* SUB PRODUCT CAT 3 (lists in div) */ #container #wrap-content #content div.inline-list {border-bottom:solid 1px #D3D3D3; margin-bottom:2.5em;} #container #wrap-content #content div.inline-list h2 {background:#D3D3D3; margin:0; height:15px; padding:5px; font-size:1.2em;} #container #wrap-content #content div.inline-list ul {width:585px; clear:both; margin-left:4px;} #container #wrap-content #content div.inline-list ul li {float:left; width:113px; margin:0; padding:0 2px 0 2px; min-height:24em;} #container #wrap-content #content div.inline-list ul li p {float:none; width:auto;} #container #wrap-content #content div.inline-list ul li.last-fw {padding:0;} #container #wrap-content #content div.inline-list ul li a {display:block; width:100px; margin-bottom:.8em; color:#104E8B; text-decoration:underline; font-size:1.1em;} #container #wrap-content #content div.inline-list ul li a:hover {text-decoration:none;} #container #wrap-content #content div.inline-list ul li p {font-size:1.1em; margin:0; line-height:normal;} #container #wrap-content #content div.inline-list ul li p.it-price {width:40%; float:left; margin:0; padding:.8em 0 0 0; color:#3165CC; font-size:1em;} #container #wrap-content #content div.inline-list ul li p.it-no {width:55%; float:right; margin:0; padding:.8em 0 0 0; color:#3165CC; font-size:1em;} /* SEARCH RESULTS lists of results */ #container #wrap-content #content #product-list-search {clear:both;} #container #wrap-content #content #product-list-search h3 {background-color:#E0E0E0; background-image:url(../Images/more-product-nav-bk.gif); background-position:0 0; background-repeat:no-repeat; height:20px; margin-bottom:1em; padding:5px 0 0 20px;} #container #wrap-content #content #product-list-search ul.productul { clear:both; margin-bottom: 1.5em;} #container #wrap-content #content #product-list-search ul.productul li {float:left; width:130px; margin:0 0 0 20px; padding:0 7px 0 0; border-top:solid 2px #FFF; border-bottom:solid 2px #FFF;} /*Each Languages have different product list heights*/ #container #wrap-content #content #product-list-search.lang-en ul.productul li {min-height:34em;} #container #wrap-content #content #product-list-search.lang-de ul.productul li {min-height:39em;} #container #wrap-content #content #product-list-search.lang-fr ul.productul li {min-height:36em;} #container #wrap-content #content #product-list-search.lang-nl ul.productul li {min-height:34em;} #container #wrap-content #content #product-list-search.lang-es ul.productul li {min-height:36em;} #container #wrap-content #content #product-list-search ul.productul li.last-fw {padding:0;} #container #wrap-content #content #product-list-search ul.productul li a {display:block; min-height:4em; margin-bottom:.8em; color:#104E8B; text-decoration:underline; font-size:1.1em;} #container #wrap-content #content #product-list-search ul.productul li a:hover {text-decoration:none;} #container #wrap-content #content #product-list-search ul.productul li p {min-height: 9em; font-size:1.1em; margin:0; line-height:normal;} #container #wrap-content #content #product-list-search ul.productul li p.it-price {min-height: 0; margin:0; padding:.8em 0 0 0; font-weight: bold; font-size:1.1em; float:left;} #container #wrap-content #content #product-list-search ul.productul li p.prod-id {min-height: 0; margin:0; padding:.8em 0 0 0; font-size:1.1em; float:right;} /* INLINE NAVIGATION (Tab style) */ #container #content div.inline-nav {float:left; width:100%; min-height: 23px; background:#FFF url(../Images/inline-nav-bk.gif) repeat-x bottom; margin:.6em 0 3.4em 0; font-size:100%; line-height:normal;} #container #content div.inline-nav ul {float:right;margin:0; padding:0; list-style:none;} #container #content div.inline-nav li {float:left; background:url(../Images/inline-nav-left-bk.gif) no-repeat left top; margin:0; padding:0 0 0 7px;} #container #content div.inline-nav a {display:block; background:url(../Images/inline-nav-right-bk.gif) no-repeat right top; padding:5px 15px 4px 6px; margin-right:5px; color:#505050; text-decoration:none; font-size:1.1em; outline:none;} #container #content div.inline-nav #current {background-image:url(../Images/inline-nav-left-bk-active.gif);} #container #content div.inline-nav #current a {background-image:url(../Images/inline-nav-right-bk-active.gif);padding-bottom:5px; color:#666;} #container #content div.inline-nav li a:hover, #container #content div.inline-nav li#current a:hover {color:#000;} #container #content div.inline-nav #special {background-image:url(../Images/inline-nav-left-bk-special.gif);} #container #content div.inline-nav #special a {background-image:url(../Images/inline-nav-right-bk-special.gif);} /* INDIVIDUAL PRODUCT PAGE */ #container #wrap-content #content #product-item {clear:both; float:left; padding: 0 0 40px 10px; width:532px;} #container #wrap-content #content .product-sidebar { float:right; width:240px;} /* INDIVIDUAL PRODUCT PAGE - Product description and details */ #container #wrap-content #content #product-item div.product-details { padding: 1em; margin: 0 0 1.5em -1em; background: #f2eddd; } #container #wrap-content #content #product-item div.product-details h1 {float: left; margin: 0; padding: 0; font-size:1.8em; font-weight:normal; width:400px;} #container #wrap-content #content #product-item div.product-details p.it-price, #container #wrap-content #content #product-item div.product-details p.new-price { float: right; font-weight:bold!important; margin: 0; width:112px; text-align: right; font-size: 1.8em; line-height: 110%; } #container #wrap-content #content #product-item div.product-details p.new-price {color:#FF0000;} #container #wrap-content #content #product-item div.product-options { width: 178px; float: left; } #container #wrap-content #content #product-item div.product-options p.it-no { margin:0 0 1em; padding:0; font-size:1em; font-weight: bold;} /* INDIVIDUAL PRODUCT PAGE - Image and overlay details */ #container #wrap-content #content #product-item div.product-image {position:relative; float: right; width: 350px; clear: both; } #container #wrap-content #content #product-item div.product-image div.alternative {position:absolute; top:7px; left:7px; border:solid 1px #D3D3D3; background-color:#F0F0F0; width:140px;padding:5px; z-index:50;} #container #wrap-content #content #product-item div.product-image div.alternative p {margin:0; font-size:1.1em;} #container #wrap-content #content #product-item div.product-image div.alternative ul li { background-image:url(../Images/inline-bullet.gif); background-position:0% 50%; background-repeat:no-repeat; padding-left:8px; font-size:1.2em; font-size:1.1em;} #container #wrap-content #content #product-item div.product-image div.alternative ul li a {color:#104E8B; text-decoration:underline;} #container #wrap-content #content #product-item div.product-image div.includes {position:absolute; bottom: 0; right:10px; border:solid 1px #D3D3D3; background-color:#F0F0F0; width:221px; padding:5px; z-index:1000; zoom: 1; float:none;} #container #wrap-content #content #product-item div.product-image div.includes p {margin:0; font-size:1.1em;} /* INDIVIDUAL PRODUCT PAGE - Tell a friend/view larger btn */ #container #wrap-content #content #product-item div.product-tasks { position: absolute; right: 10px; bottom: -32px; z-index: 61; width: 233px; } #container #wrap-content #content #product-item div.product-tasks ul {margin:0; padding:0;} #container #wrap-content #content #product-item div.product-tasks ul li { float: left; } #container #wrap-content #content #product-item div.product-image .zoom-image { float:right; width:350px; height:350px; position: relative; z-index: 1000; } #container #wrap-content #content #product-item div.product-image .zoom-image div img { cursor: move; } #container #wrap-content #content #product-item div.product-image div#zoomcontrols { margin-right: 5px; } #container #wrap-content #content #product-item div.product-image div#zoomcontrols .button { float: left; margin-right:3px; } #container #wrap-content #content #product-item div.product-image div#zoomcontrols .button a { cursor: pointer; } /* INDIVIDUAL PRODUCT PAGE - In stock etc */ #container #wrap-content #content .product-sidebar p.in-stock, #container #wrap-content #content .product-sidebar p.ship-later, #container #wrap-content #content .product-sidebar p.out-of-stock { font-weight:bold; padding:3px 10px; margin:0 0 2px 0; } #container #wrap-content #content .product-sidebar p.in-stock { color:#2aab30; background: #e9f4ea; } #container #wrap-content #content .product-sidebar p.ship-later { color:#f26522; background: #fef4e8; } #container #wrap-content #content .product-sidebar p.out-of-stock { color: #da1f26; background: #fde7e8; } /* INDIVIDUAL PRODUCT PAGE - fieldset that holds buy refills form */ #container #wrap-content #content .product-sidebar div.refills { } #container #wrap-content #content .product-sidebar div.refills fieldset.inset { margin-bottom:.5em; background: #f8f6ee; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset h3 {margin:0; padding:4px 10px; font-weight:bold; font-size: 1.2em; background-color:#f1e8cf; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset label.color-wdth {display:inline; margin-left:7px; font-size:1em; line-height:2em;} #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row p { font-size: 1em; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row {min-height:1em; clear:both; font-size: 1.1em; padding: 10px;} #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row label { float: left; margin: 0 0 3px 0; font-weight: bold; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row label.refill-qty { clear: both; width: 88px; margin-right: 10px; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row label.color-width { width: 120px; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row label.hide { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row select.refills-sel-qty { width: 50pxpx; clear: both; float: left; margin-right: 10px; } #container #wrap-content #content .product-sidebar div.refills fieldset.inset div.refills-row select.refills-sel-col { width: 120px; float: left; margin: 0; } /* INDIVIDUAL PRODUCT PAGE - Add to cart */ #container #wrap-content #content .product-sidebar div.buy {background-color:#f5eedb; padding: 10px; border: 1px solid #d4ccb9; margin-bottom: 1em;} #container #wrap-content #content .product-sidebar div.buy label { clear:both; float: left; font-weight:bold; font-size:1.2em;} #container #wrap-content #content .product-sidebar div.buy select { clear: both; float: left; margin:0 .5em .5em 0; } #container #wrap-content #content .product-sidebar div.buy input { margin:0; float: right; } #container #wrap-content #content .product-sidebar div.buy input.engrave-giftwrap { margin-right: 2px; } /* INDIVIDUAL PRODUCT PAGE - Related items (Cross sells) */ #container #wrap-content #content .product-sidebar .related { margin: 1.5em -14px 1.5em 0; } #container #wrap-content #content .product-sidebar .related h3 { margin: .5em 0; } #container #wrap-content #content .product-sidebar .related li { float:left; width:113px; margin:0 14px 0 0; padding:0; font-size: 1.1em; } #container #wrap-content #content .product-sidebar .related li .thumb { display: block; width: 111px; height: 111px; border: 1px solid #c8c8c8 !important; } #container #wrap-content #content .product-sidebar .related li p { margin: .5em 0; font-size: inherit; } /* INDIVIDUAL PRODUCT PAGE - product variants navigation */ #container #wrap-content #content #product-variants { position: relative; clear: both; padding: 8px; background: #f2eddd; border: 1px solid #e2e2e2; } #container #wrap-content #content #product-variants div.variants-nav {clear:both; background-image:url(../Images/product-v-nav-bk.gif); background-position:0% 0%; background-repeat:no-repeat; height:25px; margin-bottom:1em;} #container #wrap-content #content #product-variants div.variants-nav p {float:left; margin:5px 0 0 5px; width:55%;} #container #wrap-content #content #product-variants div.variants-nav p span.hlight {font-weight:bold;} #container #wrap-content #content #product-variants div.variants-nav ul {float:right; width:35%; margin:5px 5px 0 5px; text-align:right;} #container #wrap-content #content #product-variants div.variants-nav ul li {display:inline; color:#AB9A5F; font-size:1.2em; padding-left:.2em;} #container #wrap-content #content #product-variants div.variants-nav ul li img {padding:0; margin:0;} #container #wrap-content #content #product-variants div.variants-nav ul li a {color:#104E8B; text-decoration:none;} #container #wrap-content #content #product-variants div.variants-nav ul li a:hover {text-decoration:none;} #container #wrap-content #content #product-variants ul.more-products li { float: left; margin-right: 10px; } /* INDIVIDUAL PRODUCT PAGE - product variants list */ #container #wrap-content #content #product-variants h2 { font-size: 1.2em; } #container #wrap-content #content #product-variants ul.more-products {} #container #wrap-content #content #product-variants ul.more-products li { font-size: 1.1em; width: 112px; } #container #wrap-content #content #product-variants ul.more-products li.active h3 a {color:#AB9A5F;} #container #wrap-content #content #product-variants ul.more-products li.active p {color:#AB9A5F; font-weight:bold;} #container #wrap-content #content #product-variants ul.more-products li h3 {margin:0; font-size:1em; font-weight: normal;} #container #wrap-content #content #product-variants ul.more-products li p { font-size: 1em; } #container #wrap-content #content #product-variants ul.more-products li img {clear:both; margin-bottom:.5em;} #container #wrap-content #content #product-variants ul.more-products li.active img {border:solid 1px #AB9A5F;} #container #wrap-content #content #product-variants ul.more-products li a img {border:solid 1px #c8c8c8;} #container #wrap-content #content #product-variants ul.more-products li a:hover img {border:solid 1px #AB9A5F;} /* CAROUSEL */ #container #wrap-content #content #product-variants .scrollable { position:relative; overflow:hidden; margin: 0 auto; width: 728px; height: 173px; } #container #wrap-content #content #product-variants .scrollable ul { width:20000em; position:absolute; margin:0 auto; } #container #wrap-content #content #product-variants a.prev, #container #wrap-content #content #product-variants a.next { display: block; position: absolute; top: 34px; z-index: 1; height: 160px; width: 20px; background: no-repeat 50% 50px; cursor: pointer; } #container #wrap-content #content #product-variants a.prev { left: 4px; background-image: url(../Images/btnCarousel-prev.gif); } #container #wrap-content #content #product-variants a.next { right: 4px; background-image: url(../Images/btnCarousel-next.gif); } /* MULTI PRODUCTS SUCH AS REFILLS */ #container #wrap-content #content div.multi-prod { border-bottom:solid 1px #D3D3D3; margin-bottom:2.5em;} #container #wrap-content #content div.multi-prod h2 { background: #D3D3D3; margin:0; height:15px; padding:5px; font-size:1.2em; } #container #wrap-content #content div.multi-prod img {float:left; padding:8px 0 5px 5px;} #container #wrap-content #content div.multi-prod p {float:right; width:310px; padding:8px 5px 0 0; line-height:1.2em;} #container #wrap-content #content div.multi-prod table {clear:both; font-size:1.2em; border-collapse:collapse; width:100%; text-align:center;} #container #wrap-content #content div.multi-prod table th {background-color:#D3D3D3; padding:2px; font-size:.9em;} #container #wrap-content #content div.multi-prod table th.set-one {width:70px;} #container #wrap-content #content div.multi-prod table th.set-two {width:95px;} #container #wrap-content #content div.multi-prod table th.set-three {width:50px;} #container #wrap-content #content div.multi-prod table th.set-four {width:80px;} #container #wrap-content #content div.multi-prod table th.set-five {width:75px;} #container #wrap-content #content div.multi-prod table th.set-six {width:90px;} #container #wrap-content #content div.multi-prod table th.set-seven {width:130px;} #container #wrap-content #content div.multi-prod table tr:hover { background-color:#EADED0;} #container #wrap-content #content div.multi-prod table td {padding:.1em 0; vertical-align: middle;} #container #wrap-content #content div.multi-prod table td img {float:none; padding:0; margin:auto;} #container #wrap-content #content div.multi-prod table td input {margin:.2em;} #container #wrap-content #content div.multi-prod table td span.it-price, #container #wrap-content #content div.multi-prod table td span.new-price {font-weight:bold;} #container #wrap-content #content div.multi-prod table td span.new-price { color:#ff0000; } /* GIFT AND ENGRAVING OPTIONS PAGE */ #content div.prod-edit { background-repeat:no-repeat; border-bottom:solid 1px #D3D3D3; margin-bottom:2.5em; padding:0 0 1em 0;} #content h2.main-hd { background-color: #D2D2D2; margin:0; height:15px; padding:5px; font-size:1.2em;} /* Selected Product area */ #content div.prod-edit img {float:left; padding:8px 0 5px 5px; border:solid 1px #CCC; margin:1em;} #content div.prod-edit p {float:left; width:280px; padding:8px 5px 0 0; line-height:1.2em;} #content div.prod-edit #particulars {float:right; width:175px; padding:1em 0 0 0;} #content div.prod-edit #particulars fieldset {float:left; width:100px;} #content div.prod-edit #particulars fieldset label {display:block; margin-bottom:1em;} #content div.prod-edit #particulars p {float:right; display:block; width:70px; margin:0 0 1em 0; padding:0;} #content div.prod-edit #particulars p.price {font-weight:bold;} /* Some common elements in each block */ #content div.prod-edit #initials, #content div.prod-edit #words, #content div.prod-edit #gift-wrap, #content div.prod-edit #gift-card, #content div.prod-edit #extra-refills {clear:left; padding-bottom:1em;} #content div.prod-edit #initials h3, #content div.prod-edit #words h3, #content div.prod-edit #gift-wrap h3, #content div.prod-edit #gift-card h3, #content div.prod-edit #extra-refills h3 {background-color:#D2D2D2; padding:2px 5px; margin-bottom:1em;} #content div.prod-edit .checkbox {vertical-align:middle; margin-left:0px;} #content div.prod-edit label {font-size:1.2em;} #content div.prod-edit label.block {display:block;} #content div.prod-edit div.note {clear:both; margin:0 10px; border:solid 1px #A0A0A0; padding:.5em; background-color:#F0F0F0;} #content div.prod-edit div.note p {float:none; width:auto; padding:0; margin-bottom:0!important;} #content div.prod-edit div.note p strong {color:#FF0000;} #content div.prod-edit div.note p em {font-weight:bold; font-style:normal;} #content div.prod-edit h4 {font-size:1.2em; font-weight:bold; margin-bottom:.5em;} #content div.prod-edit ul {font-size:1.2em;} #content div.prod-edit ul li {float:left; } #content div.prod-edit ul li a {font-weight:normal; text-decoration:underline;} #content div.prod-edit ul li a:hover {text-decoration:none;} /* Personalization Options - INITIALS */ #content div.prod-edit #initials div.initials-form {float:left; width:325px; padding-left:10px; margin-bottom:1em;} #content div.prod-edit #initials div.initials-form fieldset {margin-bottom:.5em;} #content div.prod-edit #initials div.initials-form .select {margin:.5em 0 1em 0;} #content div.prod-edit #initials div.initials-form fieldset.letters p {font-weight:bold; margin:0!important; padding:0;} #content div.prod-edit #initials div.initials-form fieldset.letters div.l-inline {width:20em; margin-bottom:.6em;} #content div.prod-edit #initials div.initials-form fieldset.letters div.l-inline label {width:44px; float:left; margin-right:3px;} #content div.prod-edit #initials div.initials-form fieldset.letters .textfield {width:40px; padding:1px;} #content div.prod-edit div.preview {float:right; width:238px; padding-right:1em; text-align:center; margin-bottom:1em;} #content div.prod-edit div.preview div.let-imgs {width:200px; margin:0 auto 1em auto; height:118px; border:solid 1px #D3D3D3; text-align:center;} #content div.prod-edit div.preview div.let-imgs img {float:none; padding:0; border:none; margin:0;} #content div.prod-edit div.preview ul {font-size:1.2em;} #content div.prod-edit div.preview ul li {line-height:1.5em; float:none;} /* Personalization Options - NAME OR WORDS */ #content div.prod-edit #words div.words-form {float:left; width:325px; padding-left:10px; margin-bottom:1em;} #content div.prod-edit #words div.words-form fieldset {margin-bottom:.5em;} #content div.prod-edit #words div.words-form .select {margin:.5em 0 1em 0;} #content div.prod-edit #words div.words-form fieldset.name-words p {font-weight:bold; margin:0!important; padding:0;} #content div.prod-edit #words div.words-form fieldset.name-words input {display:block; width:200px; margin-bottom:.3em;} /* GIFT WRAP */ #content div.prod-edit #gift-wrap {position:relative; padding-bottom: 3em;} #content div.prod-edit #gift-wrap fieldset {padding-left:10px; margin-bottom:1em;} #content div.prod-edit #gift-wrap div.note {width:345px; margin:0 0 0 10px; } #content div.prod-edit #gift-wrap img {position:absolute; width:200px; top:77px; right:2px; border:none; margin:0; padding:0;} /* GIFT CARD */ #content div.prod-edit #gift-card fieldset {padding-left:10px;} #content div.prod-edit #gift-card input.textfield {width:500px;} /* ADD TO EXTRA REFILLS */ #content div.prod-edit #extra-refills {padding-bottom:0em;} #content div.prod-edit #extra-refills table th {padding:0 10px;} #content div.prod-edit #extra-refills table td {font-weight:normal; font-size:1.2em; padding:6px 10px;} /* ADD TO CART BUTTON */ #content fieldset.add-to-cart {margin-bottom:2em; text-align:right;} #content fieldset.add-to-cart input {margin:auto;} /*Tables - used in checkout*/ table {width:100%;border-collapse:collapse; color:#49423F;} table thead th {padding:.5em; font-size:1.1em; background:#E9E7E6;} table tfoot td {text-align:right;} table th.header { background:#49423F; padding:.5em; font-size:1.1em; color:#D5D6C4;} table td {padding:.5em; font-size:1.1em; vertical-align:text-top; overflow:hidden; } table td h3, table td h4, table td p, table td ul {font-size:1em;} table .alt td {background:#E9E0D8;} table .empty {background:none;} table .price, table .time { text-align:right;} table .qty .textfield {width:1em; padding:.25em; text-align:center;} #checkout tr {background:url(../Images/dottedline-horizontal.gif) left bottom repeat-x; } /*TROLLEY AND CHECKOUT PATH*/ #checkout {margin-bottom:2em; background-image:url(../Images/dottedline-vertical.gif); background-repeat:repeat-y; background-position:370px 0px;} #checkout h1 {clear: left; padding-bottom:.5em; margin-bottom: 1em !important; background:url(../Images/dottedline-horizontal.gif) left bottom repeat-x #FFF;} #checkout h3 {clear: left; padding-bottom:.5em; margin-bottom:.5em; font-size:1.3em!important;} #checkout p { margin-bottom:1em;} #checkout #trolley {float:left; width:363px;} #checkout #trolley h4 {margin:1.25em 0 .1em 0; font-size:1.2em;} #checkout #trolley table {margin-bottom:2em;} #checkout #trolley table td h3 {clear:none; margin:0; padding:0; color:#96A410; font-size:1em!important; font-weight:normal; background-image:none;} #checkout #trolley table td .pic {float:left; margin:0 10px 0 0; display:block; width:83px; height:83px;} #checkout #trolley table td p { margin-bottom:0;} #checkout #trolley table td ul {margin-left:93px;} #checkout #trolley table td ul.personalisation {margin-left:0; clear:both;} #checkout #trolley table td ul.personalisation li {margin-left:0; margin-bottom:.5em;} #checkout ul.bulleted li {background:url(../Images/inline-bullet.gif) no-repeat 0% 50%; margin:0; padding:0 0 0 7px;} #checkout ul.bulleted li input {border:none; background-color:#FFFFFF; padding:0; margin:0; color:#104E8B; text-decoration:underline; border-bottom:solid 1px #104E8B; cursor:pointer;} #checkout ul.bulleted li input:hover {border-bottom:solid 1px #FFF;} #checkout #trolley table th.item {width:22em;} #checkout #trolley table td li a {} #checkout #trolley table td label {font-size:1em; padding-right:.25em;} #checkout #trolley table td .button {margin-left:.1em;} #checkout #trolley table td ul.delivery-prices {margin-bottom:-1em; position:relative;} #checkout #trolley table td ul.delivery-prices li {float:none; margin:0 0 .25em 0;} #checkout #trolley .order-discount {margin-bottom:10%;} #checkout #trolley .order-discount dd {float:right;} #checkout #trolley .sub-total {font-size:1.2em; margin:1em 0;} #checkout #trolley .order-discount dt, #checkout #trolley .sub-total dt {float:left;} #checkout #trolley .sub-total dt.st {float:left; font-weight:bold; font-size:1.2em;} #checkout #trolley .sub-total dd {float:right; font-weight:bold;} #checkout #trolley .sub-total em {display:block; width:200px; color:#999999; font-style:normal;} #checkout #trolley .total {font-size:1.35em; font-weight:bold; border-bottom:solid 1px #CCC; background-color:#EFEFEF; margin:2em 0;} #checkout #trolley .total dt {float:left;} #checkout #trolley .total dd {float:right; font-weight:bold;} #checkout #trolley .code-entry label {font-size:1.1em;padding-right:.25em; } #checkout #trolley .code-entry p {float:right; font-size:1.2em; margin-top:-2em;} #checkout #trolley #options {margin-bottom:1.5em;} #checkout #trolley #options .formrow {margin-bottom:.25em;} #checkout #trolley #options label {display:inline;} #checkout #trolley #options .checkbox {float:left;} #checkout #trolley fieldset.no-receipt {margin:1em 0;} #checkout #trolley fieldset.no-receipt input.checkbox {vertical-align:middle;} #checkout #trolley fieldset.no-receipt label {font-size:1.2em;} #checkout #trolley fieldset.discounts {position:relative;} #checkout #trolley fieldset.discounts input.button {position:absolute; top:1px; right:65px;} /*#checkout #trolley fieldset.discounts input.button */ #checkout #checkout-path {float:left;width:237px;} /*#checkout #checkout-path a {border-bottom:1px dotted #CCC; font-weight:bold;}*/ #checkout #checkout-path .panel {margin-bottom:1.5em;} #checkout #checkout-path .panel a.new-ad-btn {margin:-1.5em 0 2em 0; display:block; font-size:1.2em;} #checkout #checkout-path .panel a.new-ad-btn:hover {text-decoration:underline;} #checkout #checkout-path .button {margin-top:.25em; padding: 2px 10px;} #checkout #checkout-path .formrow.right {float: right; text-align: left;} #checkout #checkout-path h1 { padding: 0; margin: 0 !important; background: none; font-size:1.4em; font-weight:bold; } #checkout #checkout-path h4 {margin:0 0 .5em 0; font-size:1.2em;} #checkout #checkout-path fieldset {padding: 0.5em 0; background:url(../Images/dottedline-horizontal.gif) left bottom repeat-x; margin-bottom:2em;} #checkout #checkout-path fieldset.no-reciept input {font-size:1.2em; vertical-align:middle;} #checkout #checkout-path fieldset.no-reciept label {font-size:1.2em; vertical-align:middle;} #checkout #checkout-path #delivery-options table tr {background-image:none;} #checkout #checkout-path #delivery-options table td {padding:0; font-size:1.2em;} #checkout #checkout-path #delivery-options ul li p {padding:.2em .5em 0 .5em;} #checkout #checkout-path #delivery-options li input {vertical-align:middle;} #checkout #checkout-path .inner {margin-left:1.5em;} #checkout #checkout-path .inner dl {font-size:1.2em; margin-bottom:2em;} #checkout #checkout-path .instruction {padding-bottom:.5em;} #checkout #checkout-path #sign-in.step .inner { display:block;} #checkout #checkout-path .step .formrow .textfield {width:7.5em; padding:.15em; margin:0;} #checkout #checkout-path .step .buttons {clear:both; width:100%; margin:1em 0 0 0;} #checkout #checkout-path .step .buttons li.link {float:left; width:100px;} #checkout #checkout-path .step .buttons li {float:right;} #checkout #checkout-path li a {font-size:1.2em;} #checkout #checkout-path #payment select.type {width:14.5em;} #checkout #checkout-path .card {width:14em; border:1px solid #ACACAC; padding:.15em;} #checkout #checkout-path .issue .textfield {width:1.5em;} #checkout #checkout-path .security .textfield {width:3em;} /*CONFIRM PAGE*/ #checkout ul.options {margin-bottom:1.5em; font-size:1.2em;} #checkout #checkout-path address {font-size:1.2em;} #checkout #checkout-path dl address {font-size:1em;} #checkout #checkout-path dl dt.card-detail {display:inline; padding-right:.25em;} #checkout #checkout-path dl dd.card-detail {display:inline;} #checkout #checkout-path dl dt {margin-top:.5em;} /*EPISERVER SLOT IN CHECKOUT*/ .checkout-cms { position: absolute; top: 72px; right: 10px; width: 160px; } /*ACCOUNT SUMMARY PAGE*/ #account-summary { margin-bottom:2em;} #account-summary h2 {clear:left; border-bottom:1px solid #CCC; padding-bottom:.5em; margin-bottom:.5em;} #account-summary dl {margin-bottom:.5em; font-size: 1.1em;} #account-summary ul li.address dl {width:210px;} #account-summary #personal-details {width:37%; margin-left: 10px; float:left;} #account-summary #personal-details h2 {margin-right:1.5em;} #account-summary #personal-details dt {display:block;float:left;clear:left;margin-right:.25em;} #account-summary #personal-details dd {margin-left:5em;text-align:left;} #account-summary #personal-details p {clear:both;} #account-summary #member-deals {margin-top:2em;} #account-summary #member-deals ul li {margin-bottom:1em;} #account-summary #member-deals ul li a {text-indent:-999em; display:block; height:21px; background-repeat:no-repeat;} #account-summary #member-deals ul li.new-btn a {width:145px; background-image:url(../Images/whatsnew-btn.gif)} #account-summary #member-deals ul li.shopper-btn a {text-indent:-999em; display:block; width:205px; height:21px; background-image:url(../Images/registered-btn.gif)} #account-summary #member-deals ul li.offers-btn a {text-indent:-999em; display:block; width:145px; height:21px; background-image:url(../Images/offers-btn.gif)} #account-summary #addresses {width:60%;float:left; position:relative;} #account-summary #addresses h3 {float:left; margin-bottom:0; width:100%;} #account-summary #addresses p { position:absolute; right:0; top:-2px;} #account-summary #addresses li.address {clear:both; padding:.5em; } #account-summary #addresses li.address.alt {background:#E9E0D8;} #account-summary #addresses li.address ul {clear:both; position:relative;} #account-summary #addresses li.address ul li {float:left; margin-right:1em; font-size:1.1em; } #account-summary #addresses li.address ul li.billing{float:right; clear:right; margin-top:-2.5em; position:relative;} #account-summary #addresses li.address ul li.delivery{float:right; clear:right; margin-top:-.5em;position:relative;} #account-summary #addresses li.address ul li input {vertical-align:middle;float:left;} #account-summary #addresses li.address ul li label {width:6.75em; display:block; float:left;} #account-summary #addresses dl dd {float:left; margin-right:.25em;} #account-summary #order-history {clear:both; padding-top:2em;} #account-summary #order-history h3 em { font-style:normal; font-size:.9em; font-weight:normal; color:#49423F; } #account-summary #order-history td.options {width:7em;} /*ACCOUNT FORM LAYOUTS*/ /*Login page - not the one on the basket page!!!*/ .login-page #returning-customer {float:left; width:60%; position:relative;} .login-page #new-customer {float:right; width:35%;} .login-page #returning-customer .buttons {width:160px; text-align:left; position:absolute; top:100px; left:160px;} #returning-customer h2 {width:100%;} #new-customer h2 {width:100%;} #returning-customer .buttons {width:160px; text-align:right;} #returning-customer .buttons li { margin-bottom:.5em;} #returning-customer input.textfield {width:150px; padding:.25em;} .account-form {padding: 0 0em 2em 0em;} .account-form .formrow {margin-bottom:.75em;} .account-form .formrow.question select {width:138px;} .account-form h2 {width:56%; padding-bottom:.5em; margin-bottom:.5em; background:url(../Images/dottedline-horizontal.gif) left bottom repeat-x;} .account-form .buttons {width:100%; clear:both;} .account-form .buttons li {margin-left:1em;} .account-form .textfield {width:130px; padding:.25em;} .account-form #address-details .found-addresses {clear:both; padding:1em 0 0 0;} .account-form #address-details .found-addresses p {font-size:1.1em; margin-bottom:1em;} .account-form #address-details .found-addresses ul {margin:0 0 1em 0;} .account-form #address-details .found-addresses ul li {margin-bottom:.25em;} /*FORM BLOCKS*/ #personal-details, #address-details, #login-details, #email-info, #repair-info, #pay-repairs {margin-bottom:1.5em;} #login-details fieldset { width: 50%; } #personal-details h3 { margin-bottom: 1em; } /*Help instructions*/ .help-text {float:right;width:40%;} .help-text .inner {border:1px solid #CCC; padding:0.6em 0.8em 0em 30px; background:#E8EEF4 url(../Images/help.gif) no-repeat 8px 9px;} .help-text p { margin-bottom:1em;} .prize-info {float:right;width:100%; margin-top:30px} .prize-info .inner {border:1px solid #CCC; padding:0.6em 0.8em 0em 30px; background:#E8EEF4} .prize-info p { margin-bottom:1em;} /*Validation alerts*/ .alert {margin:1em 0; clear:both; display:block; padding:0.8em 1em 0em 1em; background:#E8EEF4; border:1px solid #CCC; color:#000; } .alert h2, .alert h3 {margin:0!important; color:#49423F !important; text-transform:none !important; border:none !important; padding-bottom:3px; background:url(../Images/error.gif) no-repeat 0 0px!important; font-size:1.1em !important; text-indent:1.8em;} .alert ul {margin:.5em 0em 1em 2em !important; padding:0 !important;} .alert ul li {list-style-type:disc !important; float:none !important; font-size:1.1em; clear:both;} /*ERROR PAGES*/ #error {padding:1em 4em 0em 4em;} #error h2 {color:#FF0000; font-size:1.8em; margin-bottom:.5em; font-weight:normal;} #error h3 {clear:left; border-bottom:1px dotted #CCC; padding-bottom:.5em; margin-bottom:.5em;} #error #reasons {float:left;width:75%;} #error #reasons ul { margin:1.5em 0 1.5em 0;} #error #reasons ul li { font-size:1.3em; background:url(../Images/bullet-large.gif) no-repeat 0 1px; position:relative; padding:.15em 1em .25em 20px; margin-bottom:.5em;} #error #reasons ul li a {border-bottom:1px dotted #9F075D; } #error #options {float:left;width:45%; margin-bottom:2em;} #error #options .inner {margin-left:1.5em;} #error #options ul {margin:1em 0 1em .25em;} #error #options li { font-size:1.1em; background:url(vbullet-features.gif) no-repeat 0 3px; padding-left:12px; margin-bottom:.15em;} /*STATIC CMS PAGES*/ div.static p, div.static h3 {margin-bottom:1em;} div.static div.highlight {clear:both; margin:1em; border:solid 1px #A0A0A0; padding:.5em; background-color:#F0F0F0;} div.static div.highlight em {color:#FF0000; font-weight:bold; font-style:normal;} div.static ul {margin:1em 0 1em 4em;} div.static ul li {font-size:1.2em; list-style-type:disc; margin-bottom:.15em;} div.static ul li li {font-size:1.2em;} div.static ul li li li {font-size:1.2em;} div.static ul.inline-list {list-style-type:none; margin:0 0 0 1.5em;} div.static ul.inline-content {list-style-type:none; margin:0;} div.static ul.inline-content li {list-style-type:none; margin:0 0 1.5em 0;} div.static ol {margin:1em 0 1em 4em;} div.static ol li {font-size:1.2em; list-style-type:decimal; margin-bottom:.15em;} div.static ol li ol li {font-size:1em;} div.static table {margin:1em 0; border:solid 1px #999;} div.static table td {font-size:1em;} div.static table td address {font-size:1em;} div.static blockquote {margin:2em 0 1em 2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:1em 1em .5em 1em; background:#E9E7E6;} div.static blockquote p {} div.static address {font-size:1.2em; margin:0 0 1em 2em;} div.static dl {font-size:1.2em; margin:0 0 1em 2em;} div.static dt {font-weight:bold;} div.static dd {margin-bottom:1em;} div.static img {/*margin:1em 0 0 1em; */ margin:1em 0 0 0; display:inline;} div.static .left {float:left;} div.static .right {float:right;} /*STATIC CMS PAGES WITH 2 COLS*/ div.static #sub-content {width:64%; float:left; margin-left: 10px;} div.static #sub-nav {width:30%; float:right;} div.static #sub-nav ul {margin-left:3em;} div.static #sub-nav ul ul {margin-left:1em;} div.static #sub-nav li li {font-size:1em;} /* FOOTER */ #container #footer {clear:both; min-height: 160px; margin-top:10px; border-top:solid 1px #D3D3D3; background: #EEECE0 url(../images/footer-bg.gif) left top repeat-x; font-size:1.1em; color: #3d3936;} #container #footer .inner { width:960px; position:relative; padding-top:16px;margin: 0 auto;text-align:left; } /*#container #footer img.tel {display:block; width:194px; height:25px; float:left;}*/ #container #footer a { color: #625c49; } #container #footer a:hover {text-decoration:none;} #container #footer div.tel { float: left; width:160px; color: #5f5a55; } #container #footer div.tel h2 { font-weight: normal; text-transform: uppercase; font-size: 1.091em; } #container #footer div.tel p { font-size: 1.812em; } #container #footer div.links {float:left; width:480px;} #container #footer div.links ul li {float: left; width:140px;padding-left:10px; margin-bottom: 3px; font-size: 1.091em; } #container #footer div.international {float: left; width:320px;} #container #footer div.international h2 { margin-bottom: 12px; } #container #footer div.international a img { margin: 0 4px 4px 0; width: 24px !important; height: 17px !important; border: 2px solid #fff; } #container #footer p.copyright {clear: both; position: absolute; top: 116px; color: #787260;}