/* global.css styles specific to entire kikki.K website */ #django_log { z-index:10; position:absolute; top:0px; left:00px; width:100%; display: none; } /* Base overrides --------------------------------------------------- */ html { background: #fff /*url('../img/test-theme-bg.jpg') top center repeat fixed*/; height: 100%; } /* Test with themed background image */ body { height: 100%; } /* Common Elements --------------------------------------------------- */ .right {float: right;} .left {float: left;} .phone, .nowrap {white-space:nowrap;} .block {display: block;} .light-grey {color: #717171!important;} .black {color: #000!important;} .dark-green {color: #51626F!important;} .hidden {display: none;} .phone {white-space:nowrap!important;} h1 { font-size:2em; color: #829197; margin-bottom:5px; text-transform:uppercase;} h1 a, h1 a:active, h1 a:visited {color: #829197!important; margin-bottom: 5px; text-decoration: none!important; float:none!important; text-transform:uppercase;} h1 a:hover {color: #64747A!important; text-transform:uppercase;} h2 {font-size: 1.2em; color: #829197; margin-bottom: 5px; font-weight: bold; text-transform:uppercase;} h3 {font-size: 1em; font-weight: bold; color: #829197; margin-bottom: 3px; text-transform:uppercase; } h4 {color: #717171; font-weight: bold; font-size: 18px; margin-bottom: 3px; text-transform:uppercase;} .hr {height: 1px; background: url('../img/hr-dotted.gif') top center no-repeat; border: none; margin: 2px 0;} p.error, div.error, .warning {color: #F492A9!important;} .after-hr, h1.after-hr-plus, h2.after-hr-plus, h3.after-hr-plus {padding-top: 10px;} /* For elements after HR's that need extra padding at the top */ .after-hr-single, h1.after-hr-single, h2.after-hr-single, h3.after-hr-single {padding-top:5px;} /* For elements after HR's in one line that need extra padding at the top */ h1.after-hr {padding-top: 0px; margin-top: -5px;} /* For h1 elements after HR's that need extra padding at the top */ a, a:visited {color: #64747a;} a:hover, a:active {color: #8c8d8e; text-decoration: none;} a:hover, a:active {outline: none;!important} a.std-btn, a.std-btn:visited { background: #8996a0; color: #fff!important; padding: 2px 4px 0px;} a.std-btn:hover, a.std-btn:active { background: #51626f; color: #fff!important; } /* Restore defaults for TinyMCE CMS areas - etc */ .default ul { margin-bottom: 1em; margin-left: 1.2em; } .default ul li { margin-left: 1.2em; list-style: disc; margin-bottom: 3px; font-size:1.1em!important;} .default li { margin-left: 1.2em; list-style: disc; margin-bottom: 3px; font-size:1.1em!important;} .default ol { margin-bottom: 1em; margin-left: 1.2em; } .default ol li { margin-left: 1.2em; list-style: decimal; margin-bottom: 3px;} .default strong, .default b, .default p strong, .default p b { font-weight: bold!important; } .default em, .default i { font-style:italic; } /* Standard button */ a.btn, a:active.btn, a:visited.btn { color: #363636; text-decoration: none; font-size: 0.9em; background: #9eacb2 url('../img/bg-sub-nav-whole.gif') top left repeat-x; padding: 2px 7px 2px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; white-space:normal; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; } a.btn:hover { color: #fff; background: #8b9ea6 url('../img/bg-sub-nav-whole.gif') 0 -200px repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none!important; } span.s { margin-left: -1px; } /* clearfix http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ -------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac */ .clearfix { display: block; } /* End hide from IE-mac */ /* Font Size --------------------------------------------------- */ body { font-size: 11px; } p { line-height: 1.5em; margin-bottom: 1em; font-size: 11px;} /* Font Family --------------------------------------------------- */ body { font-family: Helvetica, Arial, Helvetica, sans-serif; } h1, h2, h3, h4 { font-family: Helvetica, Arial, Helvetica, sans-serif; } #header ul.nav { font-family: Helvetica, Arial, Helvetica, sans-serif; } #footer ul { font-family: Helvetica, Arial, Helvetica, sans-serif; } #boxes a.button { font-family: Helvetica, Arial, Helvetica, sans-serif; } input.text, input.textinput, textarea { font-family:Helvetica, Arial, Helvetica, sans-serif!important; } #boxes ul.nav { font-family: Helvetica, Arial, Helvetica, sans-serif; } /***************************************** REMOVE THIS later, override for Firefox font on Dev Machines **********************************/ /* @-moz-document url-prefix() { body { font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; } #header ul.nav { font-family: Arial, Helvetica, sans-serif; } #footer ul { font-family: Arial, Helvetica, sans-serif; } #boxes a.button { font-family: Arial, Helvetica, sans-serif; } input.text, input.textinput, textarea { font-family: Arial, Helvetica, sans-serif!important; } #boxes ul.nav { font-family: Arial, Helvetica, sans-serif; } }*/ /* Content Container --------------------------------------------------- */ #content-container {width: 980px; margin: 0 auto 10px auto; min-height: 700px;} /* Nav LHS --------------------------------------------------- */ #nav-lhs {width: 113px; min-height: 500px; background: #fff; float:left; margin: 45px -1px 0 0; padding: 65px 0 10px 0;} dl#products { margin: 10px 0 0 10px;} dl#products dt { background: #a6acb4; color: #fff; margin:3px 0px; text-transform:uppercase; } dl#products dt:first-child { margin-bottom:1em; } dl#products dt.lhs-pic { background: none!important; } dl#products dt.dark-grey { background: #3f454f; margin:0px;} dl#products dt.plain { background: #fff; color:#717171; margin: 13px 0 5px 1px; padding-bottom: 0px; font-size:0.9em; } dl#products dd {zoom: 1!important;} dl#products ul li { font-size:0.9em; background: #fff url('../img/lhs-product-list-divider.gif') bottom left no-repeat; padding: 5px 4px 6px 7px; line-height: 1.3em; text-transform:uppercase; zoom: 1;} dl#products ul li.last { background: none!important; } dl#products ul li a, dl#products dd ul li a:active, dl#products dd ul li a:visited {color: #a6acb4; text-decoration: none; display:block; } dl#products ul li a:hover, dl#products ul li.current a {color: #000; background:transparent; text-decoration: none;} dl#products dt a, dl#products dt a:visited {color: #fff; text-decoration: none; display: block; padding: 5px 7px;} dl#products dt a:hover, dl#products dt a:active, dl#products dt a.current {color: #fff; text-decoration: none; background: #7bb0b8; display: block; padding: 5px 7px;} dl#products dt.lhs-pic a:hover, dl#products dt.lhs-pic a:active, dl#products dt.lhs-pic a.current {color: #fff; text-decoration: none; background: none; display: block; padding: 5px 7px;} dl#products dt.no-padding, a.no-padding { padding: 0px!important; margin: 0px 0px;!important; } /* Header --------------------------------------------------- */ #header {} .header-logo { float: left;} #header-content { width: 732px; background: transparent url('../img/header-bg.png'); padding: 0 15px 12px 12px; height: 55px;} #top-nav {/*padding-right: 3px;*/}/* add padding-right when region is added back */ #top-nav ul {float: right; margin: -1px 0 6px 0; color: #A6ACB4; font-size: 9px;} #top-nav ul li {float: left; list-style-image: url('../img/top-nav-divider.gif'); margin: 0 8px 0 7px;} #top-nav ul li.first {list-style: none!important;} #top-nav ul li.last {list-style: none!important; margin-top: 1px!important; } #region-container {display: none;} #region-content ul {margin: 0; padding: 0;} #region-content ul li {margin: 0; padding: 0; padding-bottom: 0.8em;} #region-content { background: #fff; padding: 10px;} #region-content li a {width: 72px; float: left;} #region-content li img {float: right; display:block; width: 16px;} #main-nav ul {float: left; width: 338px; margin-left: 16px; /* margin-top:17px; */ }/* Add Margin-top if region is removed */ #main-nav ul li {float: left; list-style: none;} #search-container {float: right; } #header-search-form {font-size: 77%; margin-top: 2px;} #header-search-form div.field {float: left;} #header-search-form input.text { height: 14px; padding: 2px 2px; border: 1px solid #e8eaec; font-size:1.3em; width: 96px; margin: -2px 4px 0 0!important; color: #000!important; } #header-search-form input.btn { margin-right: 4px;} #need-help-container { position: absolute; display: none; top: 0; left: 0; width: 400px; z-index: 100; } #need-help-content { background: #fff; padding: 10px; border: 1px solid #CECECE; } #need-help-content ol { margin: 10px 0 0 0; padding: 0 0 0 5px; list-style: decimal inside; } #need-help-content ol li { margin: 0 0 0 1.4em; padding: 0 0 0.8em 0; list-style: decimal; list-style: decimal outside; line-height: 1.5em; float: none; } /* Nav RHS --------------------------------------------------- */ #nav-rhs {width: 112px; min-height: 500px; margin:0 0 0 -3px; z-index: -1; float:right; } #nav-rhs ul {z-index: -1;} #nav-rhs ul li {position: relative; color: #fff; font-size: 11px; text-align:center; font-weight: bold; z-index: 0; text-transform:uppercase; text-align: center; } #nav-rhs ul li.icon { float:left; margin:20px -15px -15px 0px; display:inline-block; z-index:2; } #nav-rhs ul li.gplus { margin-left: 5px; margin-top: 21px; } #nav-rhs ul li.pinit { margin-left: 22px; margin-top: 21px; } #nav-rhs ul li.facebook { margin-left: 22px; margin-top: 21px; } #nav-rhs ul li.twitter { position: relative; margin-left: 20px; left: 0px; top: 1px; } #nav-rhs ul li.icon a { display:inline-block; width:19px; height:19px; } #nav-rhs ul li a { left:1px; } #nav-rhs ul li.login {height: 55px; width: 104px; z-index: 1; clear:left; } #nav-rhs ul li.login a {position: absolute; margin:15px 0 0 0;} #nav-rhs ul li.member {height: 58px; width: 110px;} #nav-rhs ul li.member a {position: absolute; margin:13px 0 0 0; } #nav-rhs ul li.wishlist { height: 64px; width: 110px;} #nav-rhs ul li.wishlist a {position: absolute; margin: 5px 0 0 0; z-index: 0;} #nav-rhs ul li.cart { height: 64px; width: 105px; margin-top:13px;} #nav-rhs ul li.cart a {position: absolute; margin:-8px 0 0 0;} #nav-rhs ul li.cart a.check-out {position: absolute; margin:0;} #nav-rhs ul li span.user-name {position: absolute; margin-top: 30px; width: 60px; padding: 0 10px; } #nav-rhs ul li span.user-name a { display: inline !important; width: 80px; padding-right: 10px; text-align: right; margin: 15px 0 0 -35px; } #nav-rhs ul li span.user-name a:hover, #nav-rhs ul li span.user-name a:visited { color: #fff; text-decoration: none;} /*#nav-rhs ul li span.cart-items {position: absolute; left: 27px; margin: 33px 0 0 0; font-size:10px;}*/ #nav-rhs ul li span.cart-items {position: absolute; left:27px; margin-top:33px; font-size:10px;} #nav-rhs ul li.logout a {margin:15px 0 0 -35px; display:block; font-weight: bold;} #nav-rhs ul li.admin a {margin:15px 0 0 -48px; display:block; font-weight: bold;} #nav-rhs ul li a, #nav-rhs ul li a:active, #nav-rhs ul li a:visited {color: #fff; text-decoration: none;} #nav-rhs ul li.logout a, #nav-rhs ul li.logout a:active, #nav-rhs ul li.logout a:visited {color: #aeaeae; text-decoration: none;} #nav-rhs ul li.admin a, #nav-rhs ul li.admin a:active, #nav-rhs ul li.admin a:visited {color: #aeaeae; text-decoration: none;} #nav-rhs ul li a:hover { color: #000; text-decoration: none; } #nav-rhs ul li.free-shipping {margin: -11px 0 0 -1px;} #nav-rhs ul li.rhs-pic {margin: 0 0 0 1px;} /* Menus --------------------------------------------------- */ .panel > ul { margin:5px 0 15px 0; padding:0; list-style:none; -webkit-border-radius:0; border-width:0; background-color:transparent; } .panel > ul > li { margin:0; padding:0; border-width:0; padding-left: 10px; background: yellow; border-bottom:1px solid #000;!important; height: 40px; } .panel > ul > li a, .row > a { height: 21px; text-align:left; padding:11px 30px 10px 10px; background:url(../iui/t/default/listArrow.png) center right no-repeat; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#000; font-weight:bold; white-space:nowrap; } .panel > ul > li a { margin:0; background-color:#fff; border-bottom:none!important; } .panel > ul > li:first-child { -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; } .panel > ul > li:first-child a { -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; } .panel > ul > li:last-child { -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom: none!important; } .panel > ul > li:last-child a { -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom: none!important } .panel > ul > li a img { vertical-align:middle; margin-left:-4px; } /* Main Content --------------------------------------------------- */ #main-content-container {width: 759px; min-height:700px; float:left; margin-bottom:15px; } #main-content {min-height: 600px; padding: 0 15px 12px 12px; background: transparent url('../img/main-content-bg.png') top left repeat-y; } #main-content .content { /* min-height:600px; */ margin-bottom:20px; } #main-content .block { margin-left:-12px!important; margin-bottom:-16px!important; } /* Home --------------------------------------------------- */ #calendar h2 { background-color:#a6acb4; padding:0.2em 0.4em 0.1em 0.4em; text-transform:uppercase; color:#fff; font-size:1.9em; font-weight:normal; margin:8px 0 7px 0; } #calendar ul { background: transparent url('../img/bg-calendar.gif') top left no-repeat; width:733px; height:521px; } #calendar li { float:left; width:103px; height:103px; margin-left:1px; margin-top:1px; position:relative; } #calendar li h6 { color:#999; position:absolute; left:6px; top:5px; font-size:0.9em; z-index: 101;} #calendar li.fill { width:auto; } #hero-home-slideshow { width: 732px; height: 480px; } /* February Calendar --------------------------------------------------- */ .feb ul { background: transparent url('../img/bg-calendar-feb.gif') top left no-repeat!important; height:417px!important; } /* Breadcrumbs --------------------------------------------------- */ #breadcrumb {background: #dfe4e7; padding: 7px 10px; margin-bottom: 8px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;} #breadcrumb ul li {background: #dfe4e7; float: left; font-size: 9px; margin: 0 13px 0 10px; color: #8996a0;} #breadcrumb ul li.first {list-style-image: none!important; margin-left: 0!important;} #breadcrumb ul li.separator {margin: 0!important;} #breadcrumb ul li a, #breadcrumb ul li a:active, #breadcrumb ul li a:visited {color: #8996a0; text-decoration: none; } #breadcrumb ul li a:hover, #breadcrumb ul li.active, #breadcrumb ul li.current { color: #000; text-decoration: none; } /* Footer --------------------------------------------------- */ #footer-container {width:759px; margin: 0 auto 20px auto!important; clear:both; } #footer {margin-left: 5px;} #footer ul { text-align: center!important; width:759px; margin:0 auto; clear:both; overflow:hidden; } #footer ul li {display:inline-block; font-size:1.1em; letter-spacing: -0.08em; vertical-align:middle; text-transform:uppercase; float:none!important; } #footer ul li.icon {margin-top: 4px; } #footer ul li.footer-twitter { position: relative; overflow: hidden; margin-left: -19px; left: 16px; top: 0px; } #footer a, #footer a:active, #footer a:visited {color: #a6acb4; text-decoration: none; padding-right: 6px; } #footer a:hover { color: #000; text-decoration: none; } /* Product Landing page --------------------------------------------------- */ #hero {height: 289px; width:732px; margin-bottom: 8px;} #main-products-list {display: none;} /* Hide when no JS */ #main-products-list {background: #fff url('../img/bg-products-list.gif') top left no-repeat; height:421px; margin-bottom: 2px; } .main-products-list {background: #fff url('../img/bg-products-list.gif') top left no-repeat; margin-bottom: 2px; } #main-products-list ul li dl dt, #main-products-list ul li, .main-products-list ul li dl dt, .main-products-list ul li {float: left; margin: 1px 1px 0 0; height: 139px; width: 182px; position: relative; } #main-products-list-nav, .main-products-list-nav {display: none;} #main-products-list ul.products-list li a img { margin: auto; } #main-products-list ul.products-list li div.prod-item a, #hidden-content ul.products-list li div.prod-item a { text-align: center; display: block;} span.prod-list-details-overlay { position: absolute; background: transparent url('../img/bg-prod-det-overlay.png') top left no-repeat; width: 173px; height: 38px; bottom: 0; left: 0; padding: 0px 4px 2px; text-transform: uppercase; font-size: 0.9em; } span.cat-list-details-overlay { position: absolute; background: transparent url('../img/bg-prod-det-overlay.png') top left no-repeat; width: 173px; height: 26px; margin: 111px 0 0; padding: 0px 4px 2px; text-transform: uppercase; font-size: 0.9em; } ul#pagination {float: left;} ul#pagination li {display: inline; font-weight: bold;} ul#pagination li a, ul.pagination li a:visited {color: #8996a0; text-decoration: none; padding: 1px 5px; cursor: pointer; margin-left: 5px;} ul#pagination li a:hover, ul.pagination li a:active { color: #fff; text-decoration: none; background: #8996a0; cursor: pointer; } ul#pagination li a.current { color: #fff; text-decoration: none; background: #8996a0; cursor: default!important; } ul#pagination li.prev {position: absolute; margin-left: 300px; } ul#pagination li.next {position: absolute; margin-left: 330px;} #filter { margin: 5px 0; } #only-show { float: left; width: 114px;} #filter-options { float: left; width: 518px; padding-right: 10px;} #filter-options a, #filter-options a:visited { text-decoration: none; color: #acc0c7;} #filter-options a:hover, #filter-options a:active, #filter-options a.selected { text-decoration: none; color: #51626f!important;} #filter-options li.last {margin-right: 0;} #level-one-filter { width: 518px; font-size: 14px; font-weight: bold; margin-bottom: 3px; } #level-one-filter li { float: left; margin-right: 20px;} .level-two-filter { width: 518px; font-size: 11px; margin-bottom: 3px; display: none;} .level-two-filter li { float: left; margin-right: 15px; white-space:nowrap; } #filter-summary { width: 518px; font-size: 11px; margin-bottom: 3px; display: none; } #filter-summary li { float: left; margin-right: 30px;} #filter-summary li a, ul#filter-summary li a:visited {text-decoration: none; color: #51626f; white-space:nowrap;} #filter-summary li a img {margin: 2px 0 0 5px; position: absolute;} #sort-by { float: left; width: 90px; position: relative; zoom: 1; z-index: 1000; } #sort-by h3.title{float: left; margin-right: 8px; width: 90px; margin-bottom: 5px;} #sort-by h3.result{float: left; color: #acc0c7; margin-right: 3px; font-weight: normal;} /*#sort-by a{float: left; margin-top:-1px;}*/ #sort-by-content { display: none; width: 90px; background: #fff; border-bottom: #E8EAEC 1px solid; border-right: #E8EAEC 1px solid; border-left: #E8EAEC 1px solid; position: absolute; top: 33px; left: 0; margin: 0; z-index: 1000; zoom: 1; } #sort-by-content ul { padding: 8px 10px; } #sort-by-content ul li { float:none; display:block; font-size:0.8em; margin: 0.2em 0; } ul.pagination li {display: inline; font-weight: bold;} ul.pagination li a, ul.pagination li a:visited {color: #8996a0; text-decoration: none; padding: 1px 5px; cursor: pointer; margin-left: 5px;} ul.pagination li a:hover, ul.pagination li a:active { color: #fff; text-decoration: none; background: #8996a0; cursor: pointer; } ul.pagination li a.current { color: #fff; text-decoration: none; background: #8996a0; cursor: default!important; } ul.pagination li.prev a {position: absolute; margin-left: 584px; background: url('../img/arrow-prev-a.png') left no-repeat; padding-left: 15px;} ul.pagination li.next a {position: absolute; margin-left: 665px; background: url('../img/arrow-next-a.png') right no-repeat; padding-right: 12px;} ul.pagination li.next a:hover, ul.pagination li.next a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-next-b.png') right no-repeat;} ul.pagination li.prev a:hover, ul.pagination li.prev a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-prev-b.png') left no-repeat;} ul.pagination li.next a.current {background: url('../img/arrow-next-c.png') right no-repeat;} ul.pagination li.prev a.current {background: url('../img/arrow-prev-c.png') left no-repeat;} ul.pagination li.next a.current:hover, ul.pagination li.prev a.current:hover {color: #fff!important} div#view-all {position: absolute; margin: -20px 0 0 340px; display: none;} div#view-all a {font-weight: bold; color: #8996A0; text-decoration: none;} div#view-all.disabled {display: none;} div#view-all a:hover { color: #fff;} div#paginate-container { display: none; } div.paginate {background:#DFE4E7; padding:7px 10px; width:712px; text-align:center; } div.paginate a {font-weight: bold; color: #8996A0; text-decoration: none; text-transform: uppercase;} div.paginate a:hover { color: #fff;} ul.prev-next {float: right; } ul.prev-next li {float: left; font-weight: bold; vertical-align: middle; display: block; } ul.prev-next li a img {vertical-align: bottom; padding-bottom: 1px;} ul.prev-next li a span.prev {margin-left: 10px;} ul.prev-next li a span.next {margin-right: 10px;} ul.prev-next li a, ul.prev-next li a:visited {color: #8996a0; text-decoration: none; padding: 1px 5px; } ul.prev-next li a:hover span, ul.prev-next li a:active span { color: #fff; text-decoration: none; background: #8996a0;} ul.prev-next li.arrow a:hover, ul.prev-next li.arrow a:active { color: #fff; text-decoration: none; background: none!important; } .product-slide{background: #fff url('../img/bg-slider-products.gif') top left no-repeat; height: 141px; margin: 4px 0 4px 0;} .product-slide a { width:181px; text-align:center; display: block;} .product-slide ul {padding-top: 1px; height: 139px;} .product-slide ul li {background :#fff url('../img/bg-slider-product-image.gif') top left no-repeat; padding-left: 1px; width: 181px; height: 139px; float: left;} .product-slide-small {background: #fff url('../img/bg-slider-products.gif') top left no-repeat; height: 141px; margin: 4px 0 4px 0;} .product-slide-small a { width:181px; } .product-slide-small ul {padding-top: 1px; height: 139px;} .product-slide-small ul li {background :#fff url('../img/bg-slider-product-image.gif') top left no-repeat; padding-left: 1px; width: 181px; height: 139px; float: left;} .prodSlidePrev, .prodSlideNext {display: none;} .product-slide h4 {color:#717171; font-size:18px!important; font-weight:bold; margin-bottom:3px !important; text-transform:uppercase; } .two-box {margin-top: 10px;} .tabbed-box {float: left; width: 418px; min-height: 302px; background : #fff url('../img/bg-tabbed-box.jpg') top left no-repeat;} .tabbed-box-content {margin-top: 20px; padding 0;} .tabbed-box-content .main-img {float: left; margin-right: 15px; } .tabbed-content { padding:0 20px 10px 0;} .tabbed-content .tabbed-content-text {float: left; width:235px; margin-top:60px;} .tabbed-box-content ul.tabs {position: absolute; width: 260px; margin: -10px 0 0 150px;} .tabbed-box-content ul.tabs li {float: left; margin-right:2px;} .tabbed-box-content ul.tabs li.tab-01 a {width: 97px; height: 63px; background : #fff url('../img/tab-01-a.png') top left no-repeat; display:block; cursor: pointer!important;} .tabbed-box-content ul.tabs li.tab-02 a{width: 102px; height: 40px; background : #fff url('../img/tab-02-a.png') top left no-repeat; display:block; cursor: pointer!important;} .tabbed-box-content ul.tabs li.tab-01 a:hover, .tabbed-box-content ul.tabs li.tab-01 a.active {background : #fff url('../img/tab-01-b.png') top left no-repeat;} .tabbed-box-content ul.tabs li.tab-02 a:hover, .tabbed-box-content ul.tabs li.tab-02 a.active {background : #fff url('../img/tab-02-b.png') top left no-repeat;} .tips-box {float: left; width: 279px; height: 272px; background : #fff url('../img/bg-tips-box.jpg') top left no-repeat; padding:30px 15px 15px 20px;} .post {width: 732px; padding: 6px 0 2px 0;} .post-media {float: left; width: 409px; margin-right: 17px;} /* Hidden for Client 19th Nov*/ .post-text {float: left; width: 306px; margin-top: 10px;} .post h2 {margin-bottom:15px; font-size: 1.5em;} .post h2 a, .post h2 a:active, .post h2 a:visited {text-decoration: none;} div.tooltip { width: 357px; padding:0; display: none; z-index: 1000; border: 1px solid #A6ACB4; background: #FFFFFF; -moz-box-shadow: 1px 1px 4px #A6ACB4; -webkit-box-shadow: 4px 4px 4px #A6ACB4; } div.tooltip-home { width: 357px; background: transparent url('../img/bg-product-rollover.png') top left no-repeat; padding: 10px 10px 0; display: none; z-index: 1000; top: -284px!important; left: -140px!important; } div.tooltip-image {width: 357px; height: 273px; background: #fff;} div.tooltip-image a {text-align: center; display: block;} div.tooltip-info {background: #a6acb4; padding: 5px; color: #fff; text-transform: uppercase;} div.tt-info-left { } div.tt-info-left-shop { width: 265px; float: left;} div.tt-info-left-products { width: 250px; float: left;} div.tooltip-info a {color: #fff; float: left; display:block; vertical-align: bottom;} span.tt-info-name { color: #000; font-weight: bold; margin-left: 5px; font-size: 12px; padding-right: 10px;} span.tt-info-price {font-size: 12px; font-weight: bold;} /* For Backend Pagination with JS disabled */ div#pagination {background: #dfe4e7; padding:7px 10px; width: 712px; height: 15px;} div#pagination li {display: inline; font-weight: bold;} div#pagination li a, div#pagination li a:visited {color: #8996a0; text-decoration: none; padding: 1px 5px; cursor: pointer; margin-left: 5px;} div#pagination li a:hover, div#pagination li a:active { color: #fff; text-decoration: none; background: #8996a0; cursor: pointer; } div#pagination li a.current { color: #fff; text-decoration: none; background: #8996a0; cursor: default!important; } div#pagination li.prev a {position: absolute; margin-left: 584px; background: url('../img/arrow-prev-a.png') left no-repeat; padding-left: 15px;} div#pagination li.next a {position: absolute; margin-left: 665px; background: url('../img/arrow-next-a.png') right no-repeat; padding-right: 12px;} div#pagination li.next a:hover, div#pagination li.next a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-next-b.png') right no-repeat;} div#pagination li.prev a:hover, div#pagination li.prev a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-prev-b.png') left no-repeat;} div#pagination li.next a.current {background: url('../img/arrow-next-c.png') right no-repeat;} div#pagination li.prev a.current {background: url('../img/arrow-prev-c.png') left no-repeat;} div#pagination li.next a.current:hover, div#pagination li.prev a.current:hover {color: #fff!important} /* Product Detail page --------------------------------------------------- */ #product-main-img-container {float: left; width: 426px;} #product-main-img {width: 408px; min-height: 395px; background : #fff url('../img/bg-product-main-img.gif') top left no-repeat; margin-bottom: 5px; padding: 1px;} #product-main-img img#main-prod-img {display: block; text-align: center; margin:auto;} ul#product-main-nav {margin: 0; padding: 0;} ul#product-main-nav li {float: left; margin-right: 10px;} img.bn-zoom {position:absolute; margin: 8px 0 0 370px; z-index:89;} #product-details-container {float: left; width: 306px;} #product-details-container h1{background: #7bb0b8; color: #fff; padding:5px 10px; margin-bottom: 10px;} #product-details-container p {color:#666; font-size:1.1em;} #product-details-container li {color:#666!important;} #product-det-tabs { background: #bdbdbd; min-height: 226px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 10px; margin-bottom: 10px; } #product-det-tabs-nav li { float: left; margin-right: 2px; height: 20px; } #product-det-tabs-nav li.desc a {background: #bdbdbd url('../img/bn-description-b.gif') top left no-repeat; height: 20px; width: 101px; display:block;} #product-det-tabs-nav li.desc a:hover, #product-det-tabs-nav li.desc a.active {background: #bdbdbd url('../img/bn-description-a.gif') top left no-repeat;} #product-det-tabs-nav li.feat a {background: #bdbdbd url('../img/bn-features-b.gif') top left no-repeat; height: 20px; width: 80px; display:block;} #product-det-tabs-nav li.feat a:hover, #product-det-tabs-nav li.feat a.active {background: #bdbdbd url('../img/bn-features-a.gif') top left no-repeat;} #product-det-tabs-nav li.insp a {background: #bdbdbd url('../img/bn-inspiration-b.gif') top left no-repeat; height: 20px; width: 98px; display:block;} #product-det-tabs-nav li.insp a:hover, #product-det-tabs-nav li.insp a.active {background: #bdbdbd url('../img/bn-inspiration-a.gif') top left no-repeat;} #price {background: #dde0e2; padding: 10px 10px 0; margin-bottom: 10px;} #price h1 {color: #717171; background: none; padding: 0; font-weight: bold;} #price h1 span.currency {font-size:15px;} #price p.error {font-weight: bold;} form#product-det-add-form div.field-left {float: left; width: 165px; margin-bottom: 10px;} form#product-det-add-form div.field {float: left;} form#product-det-add-form div.field label {width: 285px; display: block;} form#product-det-add-form input.text, form#product-det-add-form input.textinput {width: 130px; color: #000; padding: 1px; font-size:13px;} form#product-det-add-form select {width: 135px; color: #000; padding: 1px; } form#product-det-add-form select option.out-of-stock, form#product-det-add-form select.out-of-stock { color:#D9120E; } form#product-det-add-form select.out-of-stock option { color:#000!important; } form#product-det-add-form select.out-of-stock option.out-of-stock { color:#D9120E!important; } form#product-det-add-form select.out-of-stock option#select-option { color:#646464!important; } form#product-det-add-form input.btn {margin-bottom:5px;} form#product-det-add-form label.error {float: left; color: #d9120e; margin-top: 4px;} form#out-of-stock-form { margin-bottom: 5px; } form#out-of-stock-form label { width: 49px !important; } form#out-of-stock-form label.error { display:block; margin-bottom:15px; margin-left:60px; width:200px !important; } form#out-of-stock-form input.textinput { width: 215px; margin-bottom: 5px; } form#out-of-stock-form #btn_submit { float: right; margin-right: 2px; } form#out-of-stock-form ul.errorlist { display: block; margin-bottom: 1px;} form#out-of-stock-form ul.errorlist li {color: #F492A9!important; margin-left:61px; } div.product-det-variation-outofstock #btn_submit { float: right; margin-top: 10px; } div.product-det-variation-outofstock label { width: 66px; margin-top: -5px; } #shipping { background: #eeeff1; padding: 10px; margin-bottom: 5px;} #shipping ul li {float: left; margin-right: 5px;} #fb-pinit-like { background: #eeeff1; padding: 10px; margin-bottom: 10px; z-index:1!important; } #fb-pinit-like iframe { border:none; overflow:hidden; /*height: 60px!important;*/ overflow: hidden; /*width: 100%!important;*/ z-index:1!important; } #fb-pinit-like div#pinit-panel {margin-top:5px;} #cee_box { z-index:1000!important; } #share { background:#eeeff1; padding:5px 10px 0 10px; margin-bottom:10px; } #share ul { float:none; } #share ul li {float: left; margin-right: 8px;} #share ul li.last {margin-right: 0;} #share ul li.title {margin-right: 48px;} #shareTip { display:none; background:transparent url('../img/bg-tooltip.png'); font-size:12px; padding: 10px 5px 3px 5px; color:#fff; } div#send-friend-container h1 { font-size:2em; color: #829197; margin: 0; padding: 0; margin-bottom:0px!important; text-transform:uppercase; background: none!important; } div#send-friend-container form#sendfriend-form { margin-top: -15px; } p.email-sucess { padding: 5px 0 10px; display: block; text-align: right; clear:both; } p.email-fail { padding: 5px 0 10px; color: #F492A9!important;} form#sendfriend-form #id_message { height: 140px; } div#cee_ajax div#send-friend-content form p { margin: 1.5em 0!important; } div#cee_ajax .form { margin-top: 20px!important; margin-bottom: 0!important; } #product-main-variations {width: 410px; height: 79px; background : #fff url('../img/bg-product-main-nav.gif') top left no-repeat; margin-bottom: 10px;} #product-main-nav li.views a {background : #fff url('../img/bn-views-a.gif') top left no-repeat; width:37px; height: 23px; display:block;} #product-main-nav li.colours a {background : #fff url('../img/bn-colours-a.gif') top left no-repeat; width:58px; height: 23px; display:block;} #product-main-nav li.views a:hover, #product-main-nav li.views a.active {background : #fff url('../img/bn-views-b.gif') top left no-repeat; } /*#product-detail a.video {background : #fff url('../img/bn-video-a.gif') top left no-repeat; width:35px; height: 23px; display:block;} #product-detail a.video:hover {background : #fff url('../img/bn-video-b.gif') top left no-repeat; }*/ #product-main-nav li.colours a:hover, #product-main-nav li.colours a.active {background : #fff url('../img/bn-colours-b.gif') top left no-repeat; } .product-slide-views ul li, .product-slide-colours ul li, .product-slide-video ul li {float: left; padding: 7px 20px 0 0;} .product-slide-views ul li a, .product-slide-colours ul li a, .product-slide-video ul li a {width: 67px; display: block; text-align: center; } .product-slide-views ul li.first a, .product-slide-colours ul li.first a, .product-slide-video ul li.first a {text-align: right;} .product-slide-views ul li.first, .product-slide-colours ul li.first, .product-slide-video ul li.first {margin-left: 7px!important; padding-right: 23px; } .product-slide-colours ul li.items, .product-slide-views ul li.items, .product-slide-video ul li.items { padding-right: 23px; width: 75px;} div#product-main-variations a.prodSlideNext-disabled { background: url('../img/arrow-slider-next-c.gif') top left no-repeat; margin: -45px 0 0 395px !important; position: absolute!important; z-index: 89!important; cursor: pointer!important; display:block!important; width:14px!important; height:15px!important; } div#product-main-img-container a.video { position: absolute ; margin:-23px 0 0 118px; } div#product-main-img-container a.no-colour { margin-left: 50px!important; } p.out-of-stock {text-transform: uppercase; margin-bottom:3px;} div#cart-added { -moz-border-radius:5px; background-color:#EEEFF1 !important; border-color:#525252; border-style:solid; width: 180px; height: 47px; padding: 10px; position:fixed; } div#cart-added p { font-size: 1.5em; margin: auto; width: 180px; } div.overlay { background: url('../img/bg-loading-overlay.png'); height: 100%; width: 100%; position:absolute; z-index: 91; left:0; top: 0; display: none; } div#cart-added #cee_closeBtn {top: -10px; right: -10px; } div#add-to-cart { position: absolute; margin-left: 165px; margin-top: 26px; display: none; } div#video { padding: 0; background: #dde0e2; margin-bottom: 10px; height: 51px; } div#video a { padding: 0; margin: 0; } /* Wishlist --------------------------------------------------- */ #left-col-wishlist {float: left; width: 416px; min-height: 500px; color: #51626f;} #right-col-wishlist {float: left; width: 316px; min-height: 500px;} #wishlist-description {background: #bababa; width: 381px; padding: 14px; margin-bottom: 5px;} /* Proper BG image to come */ #wishlist-description h5 {color: #51626f;} #wishlist-description ul {width: 381px;} /*Phase 2*/ /*#wishlist-description ul#first-row {margin-bottom: 15px;}*/ #wishlist-description ul#first-row {margin: 0; float: right; width: 120px; margin-right: -6px;} #wishlist-description ul#first-row li {float: left; margin-right: 7px;} #wishlist-description ul#second-row li {float: left;} #wishlist-description ul#second-row li.first {margin-right: 120px;} #wishlist {} #wishlist-filter {background: #989fa2; width: 381px; padding: 14px;} #wishlist-filter a {color: #fff;} #wishlist-filter a:hover {color: #000;} #wishlist-filter a span.sort-by-text {margin-right: 5px;} #wishlist-filter ul#sort-categories {margin-top: 5px;} #wishlist-filter ul#sort-categories li {float: left; margin-right: 12px; font-size: 9px; } .wishlist-title {background: #989fa2; width: 381px; padding: 14px; margin-top: 10px;} h5.wishlist-name {text-transform: uppercase;} #wishlist-items {display: none;} .wishlist-items {background: #b1b1b1; width: 381px; padding: 14px 14px 0 14px; margin-bottom: 5px;} .wishlist-items dl { background : #b1b1b1 url('../img/bg-wishlist-items.gif') top left no-repeat; padding-top: 10px; } .wishlist-items dl.first { background : none; padding-top: 0;} .wishlist-items dl dd.left {float: left; width: 280px;} .wishlist-items dl dd.left div.main-img { width: 68px; float: left; margin-right: 14px;} .ishlist-items dl dd.left img {float: left;} .wishlist-items dl dd.left div.details {float: left; width: 195px;} .wishlist-items dl dd.left h3 {font-size: 1.2em; color: #51626f; font-weight: bold; margin: 0; padding: 0; margin-bottom: 5px;} .wishlist-items dl dd.left h3.price {margin-bottom: 10px;} .wishlist-items dl dd.right {float: left; width: 101px; padding-top:25px;} div.friends div.page dl dd.right {padding-top: 50px!important;} .wishlist-items dl dd.right ul li {margin-bottom: 10px; text-align: right;} .wishlist-items dl dd.right a, .wishlist-items dl dd.right a:visited { background: #8996a0; color: #fff!important; padding: 2px 4px 0px;} .wishlist-items dl dd.right a:hover, .wishlist-items dl dd.right a:active { background: #51626f; color: #fff!important; } #wishlist-pagination {background: #b1b1b1; width: 381px; padding: 8px 14px;} div#paginate {background: #b1b1b1; width: 381px; padding: 8px 14px; margin-top: 5px; text-align: center;} div#paginate {display: none;} div#paginate a {font-weight: bold; color: #fff; text-transform: uppercase; } #wishlist #view-all {display: none;} ul.wl-pagination li {display: inline; font-weight: bold;} ul.wl-pagination li a, ul.wl-pagination li a:visited {color: #fff; text-decoration: none; padding: 1px 5px; cursor: pointer; margin-left: 5px;} ul.wl-pagination li a:hover, ul.wl-pagination li a:active { color: #51626f; text-decoration: none; background: #fff; cursor: pointer; } ul.wl-pagination li a.current { color: #51626f; text-decoration: none; background: #fff; cursor: default!important; } ul.wl-pagination li.prev a {position: absolute; margin-left: 245px; background: url('../img/arrow-prev-wishlist-a.png') left no-repeat; padding-left: 15px;} ul.wl-pagination li.next a {position: absolute; margin-left: 325px; background: url('../img/arrow-next-wishlist-a.png') right no-repeat; padding-right: 12px;} ul.wl-pagination li.next a:hover, ul.wl-pagination li.next a:active { color: #51626f!important; cursor: pointer; background: url('../img/arrow-next-a.png') right no-repeat;} ul.wl-pagination li.prev a:hover, ul.wl-pagination li.prev a:active { color: #51626f!important; cursor: pointer; background: url('../img/arrow-prev-a.png') left no-repeat;} ul.wl-pagination li.next a.current {background: url('../img/arrow-next-c.png') right no-repeat; color: #d7d6d6; cursor: default!important;} ul.wl-pagination li.prev a.current {background: url('../img/arrow-prev-c.png') left no-repeat; color: #d7d6d6; cursor: default!important;} ul.wl-pagination li.next a.current:hover, ul.wl-pagination li.prev a.current:hover {color: #fff!important} #wishlist-intro {background : #fff url('../img/wl-intro-bg.gif') top left repeat-y; padding: 10px; width: 308px;} #wishlist-intro .main-img {float: left; padding: 0 10px 10px 0;} #wishlist-intro h1 {float: left; width: 199px; margin-bottom: 0;} #wishlist-intro p {width: 199px; float: left; margin-bottom: 0; margin-top: 0;} div.logged-out p {float: none!important; text-align: center; width:100%!important;} #into-btm-links {margin-top: 11px; margin-bottom:1px;} #into-btm-links a {text-decoration:underline!important;} #into-btm-links a.first { margin-right: 4px;} div.hr-wl {height: 7px; background: url('../img/hr-wl.gif') top center no-repeat; border: none; margin:0;} #my-wishlist {margin-top: 10px; width: 328px; color: #8996a0; margin-bottom: 5px;} #my-wishlist-content {background : #fff url('../img/my-wl-bg.jpg') top left repeat-y; padding: 2px 18px 10px 10px; margin-top: 0!important;} #my-wishlist-content h3 { margin: 0;} #my-wishlist-content h3 a{ background: #dfe5e6; color: #51626f; display: block; font-size: 14px; font-weight: bold; padding: 3px 8px;} #my-wishlist-content h3 a:hover { background: #8996a0; color: #fff;} #my-wishlist-content div.wl-notepad-content {background: url('../img/hr-wl.gif') top center no-repeat; padding-top: 7px;} dl.my-wl {padding: 5px 10px; background: #eff2f2;} dl.my-wl dt {float: left; width: 220px; } dl.my-wl dd {float: left; width: 60px; color: #8996a0; } dl.my-wl dt a, dl.my-wl dd a { text-decoration: underline;} ul.friends-wl {padding: 5px 10px;} ul.friends-wl li {margin-bottom: 5px;} ul.friends-wl li a {text-decoration:underline;} .you-might-love {background : #fff url('../img/bg-wl-you-may-love.gif') top left no-repeat; width: 319px; height: 171px; margin-bottom: 5px;} .you-might-love h1 {margin-bottom: 0; font-size: 1.9em; height: 26px; margin-left: 12px; padding-top: 5px;} .wishlist-columns .you-might-love h1 {margin-bottom: 0!important; font-size: 1.9em!important; height: 20px!important; margin-left: 12px!important; padding-top: 5px!important;} .you-might-love .items ul {margin-left:11px;} .you-might-love .items ul li {float: left; padding: 1px 0 1px 0; margin-right: 1px;} .you-might-love .items ul li.first { } /* Hero options --------------------------------------------------- */ #hero a { color:#35434e; font-weight:bold; text-decoration:none; } #hero a:hover { color:#000; } #hero a:visited { color:#333; } /* Hero option 1: Long hero image */ .hero-1 {} /* Hero option 2: Short hero image */ .hero-2 {height: 190px!important;} /* Hero option 3: Two hero images */ .hero-3 img.left { margin-right:8px; float:left; } /* Hero option 4: Half image, half text */ .hero-4 img { float:left; } .hero-4 .text { width:284px; height:274px; padding:8px 8px 8px 12px; float:left; } .hero-4 .text h1 { font-size:3em; } .hero-4 .text p { color:#506270; font-size:1.4em; } /* Secondary Navigation --------------------------------------------------- */ #nav-secondary { padding:0 1px; } #nav-secondary ul li { float: left; margin-right:35px; text-transform:uppercase; font-size:1.4em; position:relative; top:0.2em; } #nav-secondary ul li a, #nav-secondary ul li a:active, #nav-secondary ul li a:visited {color: #adc1ca; text-decoration:none; } #nav-secondary ul li.active { font-size:2em; top:0; } #nav-secondary ul li.active a { color: #51616e; } #nav-secondary ul li a:hover { color:#000; text-decoration:none; } #nav-secondary.subtle ul { text-align:right; margin-bottom:0.7em; } #nav-secondary.subtle ul li { float:none; display:inline; margin:0 0 0 1em; font-size:1.3em; font-weight:normal; top:0; } #nav-secondary.subtle ul li a, #nav-secondary.subtle ul li a:active, #nav-secondary.subtle ul li a:visited { font-weight:normal; } #nav-secondary.subtle ul li img.rss { position:relative; top:0.2em; } /* Content --------------------------------------------------- */ .content { color:#666; padding-top:8px; } .content a { color:#364f54; text-decoration:none; } .content a:hover { color:#000!important; } .content a:visited { color:#333; } .content a span { text-transform:none; } .content a span.prev, .content a span.next { text-transform:uppercase; } .content h2 { text-transform:uppercase; font-size:2em; font-weight:normal; color:#666; } .content h3 { text-transform:uppercase; font-size:1.6em; font-weight:normal; margin:0.5em 0; color:#666; } .content h4 { text-transform:uppercase; font-size:1.4em; font-weight:normal; margin:0.4em 0 0.5em 0; color:#666; } .content h4.img { margin:0 0 0.2em 0; } .content h4.img img { margin:0; } .content h5 { font-size:1.1em; margin:0.5em 0; color:#3f464e; } .content h6 { font-size:1.1em; margin:0.5em 0; color:#acc0c7; } .content h2 a { color:#51616e; } .content h3 a { color:#51616e; } .content h2 span, .content h3 span, .content h4 span { text-transform:none; } .content h2 a, .content h2 a:active, .content h2 a:hover, .content h2 a:visited, .content h3 a, .content h3 a:active, .content h3 a:hover, .content h3 a:visited, .content h4 a, .content h4 a:active, .content h4 a:hover, .content h4 a:visited { text-decoration:none; } .content p, .content div.message { font-size:1.1em; } .content p a { font-weight:bold; } .content img.left { margin:0 10px 10px 0; float:left; } .content img.right { margin:0 0 10px 10px; float:right; } .content img.center { margin-bottom:10px; } .content img.button { margin-top:0.2em; } .hrspace { margin:6px 0 8px 0; } /* Columns --------------------------------------------------- */ /* 60/40 columns, e.g. Wishlists */ div.wishlist-columns { background:transparent url('../img/bg-columns-60-40.gif') left top repeat-y; min-height:200px; } div.wishlist-columns div.column-left { float:left; margin-right:5px; width:409px; } div.wishlist-columns div.column-right { float:left; margin-left:0; width:316px; } /* 70/30 columns, e.g. Blog */ .columns { background:transparent url('../img/bg-columns-70-30.gif') left top repeat-y; min-height:200px; } .column-left { float:left; margin-right:14px; width:468px; } .column-right { float:left; margin-left:14px; width:230px; } /* 50/50 columns, e.g. Blog Landing Page */ .even-columns { background:transparent url('../img/bg-columns-50-50.gif') left top repeat-y; min-height:200px; } .even-columns .column-left, .even-columns .column-right { width:350px; } .column-left #column-nav { background: #dfe4e7; padding:7px 10px; width:448px; text-transform:uppercase; } .column-right h4 { font-size:1.2em; padding-left:1em!important; } .column-right ul, .column-right dl { margin:0.5em 0 2em 0; } .column-right dt { font-size:1.2em; text-transform:uppercase; margin-bottom:0.4em; padding-left:0.5em; } .column-right li { font-size:1.2em; text-transform:uppercase; margin-bottom:0.4em; padding-left:0.5em; } .column-right dt { font-size:1.2em; text-transform:uppercase; margin-bottom:0.4em; padding-left:1em; } .column-right dd { font-size:1.2em; text-transform:uppercase; margin-bottom:0.4em; padding-left:2em; } .column-right li.more { margin-top: 15px; } .column-right li a, .blog .column-right li a:active, .blog .column-right li a:hover { text-decoration:none; } .column-right ul.subtle li, .column-right ul.subtle li a, .column-right dl.subtle dd, .column-right dl.subtle dd a { color:#a6acb4; } .column-right ul.subtle li a:hover, .column-right dl.subtle dd a:hover { color:#000; } .column-right ul.subtle li a:visited, .column-right dl.subtle dd a:visited { color:#a6acb4; } .column-right p { margin-top:1em; } .even-columns .column-right p { margin-top:0; } .column-right ul.pagination { margin: 0; } .column-right ul.pagination li { font-size:11px; margin-bottom: 0; } .column-right ul.bulleted li { list-style:disc; margin-left:8px; padding-left:0em; } /* Blog --------------------------------------------------- */ .blog img { margin-bottom:6px; } .blog img.nomargin { margin-bottom:0; } .blog img.rss { margin-bottom:0; float:right; position:relative; top:7px; } .blog .column-right img.rss { top:5px!important; } .blog img.rss-h2 { margin-bottom:0; float:right; position:relative; top:3px!important; } .blog p.datestamp { font-size:1em; margin:-0.5em 0 2em 0; } .blog p.datestamp a { color:#bbccd4; font-weight:normal; } .blog p.more { float:right; text-transform:uppercase; font-size:1em; } .blog p.more a { color:#727f88; font-weight:normal; } .blog p.comments { text-transform:uppercase; font-size:0.9em; margin-bottom:2em; } .blog p.comments a { color:#727f88; font-weight:normal; } .blog p.datestamp a:hover, .blog p.more a:hover, .blog p.comments a:hover { color:#000; } .blog h5 { clear:left; } .blog h5.name { font-weight: bold; font-size: 1.2em; } .blog h5.title { text-transform:uppercase; font-size:1.3em; } .blog h6 { font-size: 11px; color: #767676; } .blog .comment { } .blog .comment-details { float: left; width: 150px; } .blog .comment-post { float: left; width: 300px; margin: 5px 0 0 18px; } .blog .comments-hidden { display: none; } .blog .comments-viewall { font-size: 13px; font-weight: bold; margin-top: 10px; } .blog .comments-title { float: left; width: 200px; font-size: 12px; font-weight: bold; } .blog .comments-post-button { float: right; width: 140px; margin: 10px 0; padding: 5px 0; text-align: center; text-transform: uppercase; font-size: 13px; color: #fff; background: #a6acb4; } .blog .comments-post-button a, .blog .comments-post-button a:hover { color: #fff !important; } .blog .column-right h4 { color: #fff; background-color: #A6ACB4; margin: 0; padding: 0.4em 0 0.5em 0.7em; } .blog .column-right ul { margin-left: 0.7em; } .blog-pagination { background:#DFE4E7; padding:7px 10px; width:445px;} #blog-pagination { background:#DFE4E7; } ul#blog-pagination-nav li {display: inline; font-weight: bold;} ul#blog-pagination-nav li a, ul#blog-pagination-nav li a:visited {color: #8996a0; text-decoration: none; padding: 1px 5px; cursor: pointer; margin-left: 5px; } ul#blog-pagination-nav li a:hover, ul#blog-pagination-nav li a:active { color: #fff; text-decoration: none; background: #8996a0; cursor: pointer; } ul#blog-pagination-nav li a.current { color: #fff; text-decoration: none; background: #8996a0; cursor: default!important; } ul#blog-pagination-nav li.prev a {position: absolute; margin-left: 320px; background: url('../img/arrow-prev-a.png') left no-repeat; padding-left: 15px;} ul#blog-pagination-nav li.next a {position: absolute; margin-left: 400px; background: url('../img/arrow-next-a.png') right no-repeat; padding-right: 12px;} ul#blog-pagination-nav li.next a:hover, ul#blog-pagination-nav li.next a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-next-b.png') right no-repeat;} ul#blog-pagination-nav li.prev a:hover, ul#blog-pagination-nav li.prev a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-prev-b.png') left no-repeat;} ul#blog-pagination-nav li.next a.current {background: url('../img/arrow-next-c.png') right no-repeat;} ul#blog-pagination-nav li.prev a.current {background: url('../img/arrow-prev-c.png') left no-repeat;} ul#blog-pagination-nav li.next a.current:hover, ul#blog-pagination-nav li.prev a.current:hover {color: #fff!important} ul#blog-pagination-mark { width: 305px; float: left; } ul#blog-pagination-mark li {display: inline-block; font-weight: bold; margin-bottom: 5px; } ul#blog-pagination-mark li a, ul#blog-pagination-mark li a:visited { color: #8996a0; text-decoration: none; padding: 2px 0 1px; cursor: pointer; margin-left: 5px; width: 17px; display: block; text-align: center; } ul#blog-pagination-mark li a:hover, ul#blog-pagination-mark li a:active { color: #fff; text-decoration: none; background: #8996a0; cursor: pointer; } ul#blog-pagination-mark li a.current { color: #fff; text-decoration: none; background: #8996a0; cursor: default!important; } ul#blog-pagination-mark-pn { width: 120px; float: left; } ul#blog-pagination-mark-pn li { float: left; } ul#blog-pagination-mark-pn li.prev a { background: url('../img/arrow-prev-a.png') left no-repeat; padding-left: 15px; margin-right: 5px; } ul#blog-pagination-mark-pn li.next a { background: url('../img/arrow-next-a.png') right no-repeat; padding-right: 12px;} ul#blog-pagination-mark-pn li.next a:hover, ul#blog-pagination-mark li.next a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-next-b.png') right no-repeat;} ul#blog-pagination-mark-pn li.prev a:hover, ul#blog-pagination-mark li.prev a:active { color: #000!important; cursor: pointer; background: url('../img/arrow-prev-b.png') left no-repeat;} ul#blog-pagination-mark-pn li.next a.current {background: url('../img/arrow-next-c.png') right no-repeat;} ul#blog-pagination-mark-pn li.prev a.current {background: url('../img/arrow-prev-c.png') left no-repeat;} ul#blog-pagination-mark-pn li.next a.current:hover, ul#blog-pagination-mark li.prev a.current:hover {color: #fff!important} #blog-view-all {display: none;} /* New Blogs 03/03/2010 - jho --------------------------------------------------- */ div.get-landing-left { float:left; width: 226px; margin-right: 14px; } div.get-landing-right { float:left; width: 226px;} div#blog-items { margin-bottom: 7px; } div.blog-listing { margin-bottom: 14px;} div.blog-listing img.main-img { float:left; margin: 0 14px 14px 0;} #blog-post .blogs-inspired { color:#3f454f; font-weight:bold; text-decoration:underline; } #blog-post a.blogs-inspired:hover { color:#BB2025; } div.extras-bar { margin-bottom: 7px; } div.extras-bar ul.clearfix { margin-bottom: 1em; } /* div.extras-bar ul { width: 468px; float: left; } div.extras-bar ul li { float: left; padding: 0; margin: 0; margin-right: 14px; } div.extras-bar ul li.datestamp a { color: #BBCCD4; } div.extras-bar ul li.datestamp a:hover, div.extras-bar ul li.category a:hover, div.extras-bar ul li.comments a:hover { color: #000; } div.extras-bar ul li.category { font-weight: bold; width: 368px; } div.extras-bar ul li.category a { font-weight: bold; text-transform:uppercase; white-space:nowrap; } div.extras-bar ul li.comments a, div.extras-bar ul li.comments { color: #727F88; margin-right: 106px; } div.extras-bar ul li.star { margin-right: 7px;} div.extras-bar ul li.last { margin-right: 0!important;} div.extras-bar ul.ratings { float: right; width: 78px; } */ div.extras-bar #share { float: left; width: 125px; background: none; margin: 0; padding: 5px 0 0; text-align: right; } div.extras-bar .rating { float: left; } div.extras-bar .rating h4 { font-size: 11px; font-weight: bold; margin: 0 200px 0 0px; padding-top: 15px; color: #3F454F; } div.extras-bar .comments { float: right; padding-top: 15px; color: #3F454F; font-weight: bold; } div.blog-listing .blog-video { margin-bottom: 14px; } div#comments { margin-bottom: 24px; } div#leave-comments { margin: 14px 0; } div#leave-comments form#form-blog-comment { width: 446px!important; padding-top: 5px; } div#leave-comments #form-blog-comment .form { display: block; width: 468px; margin-bottom: 10px; } div#leave-comments #form-blog-comment .form label { width: 88px; float: left; text-transform: capitalize; font-size: 11px; font-weight: bold; margin-right: 2px; } div#leave-comments #form-blog-comment .form p { font-size: 11px; font-weight: bold; } div#leave-comments #form-blog-comment .form label.error { float:none!important; margin-left:1px; padding:0; } div#leave-comments #form-blog-comment .form input.textinput { width: 304px!important; float: left; margin-bottom: 10px; border: 1px solid #c5c5c5; color: #333; } div#leave-comments #form-blog-comment .form textarea.textarea { width: 434px!important; border: 1px solid #c5c5c5; overflow: auto; color: #333; } div#leave-comments #form-blog-comment .form .submit { float: left; } div#leave-comments .block { margin-left: -5px !important; } div.blog-paginate { width: 439px!important; } img.rhs-promo-img { margin-top: 10px; } div#blog-post span { font-family:arial,helvetica,sans-serif!important; font-size:small!important; } div#blog-post img { max-width: 468px; /* height:100%!important; */ } dl.videos dt object { width: 468px!important; } div.video-embed { margin-top: 10px; } div.rss { background: url('../img/hr-dotted.gif') top left repeat-x; margin:0em; padding:1em 0em 0em; } div.rss ul { background: url('../img/hr-dotted.gif') bottom left repeat-x; margin:0em 0em 1em!important; padding:0em 0em 1em!important; } div.rss ul li { display: inline; } div.rss ul li a { color:#A6ACB4; } div.rss ul li img { margin:0em 0em -4px; } /* FAQ --------------------------------------------------- */ /* FAQ landing page */ .faq ol { margin:1em 0 2em 3em; } .faq ol li { list-style-type:decimal; } .faq ol.faq-category li {font-size:1.3em; text-transform: uppercase; margin-bottom:0.4em;} .faq ol li.all { list-style-type:none; margin-top:1em; } /* FAQ topic page */ .faq ol.qa { margin:1em 0 0 2em;} .faq ol.qa li { margin-bottom:2em; } .faq h2.faq-cat-name { background: url('../img/hr-dotted.gif') top left no-repeat; padding-top: 5px;} .faq h2 img { margin-right: 7px;} .faq ul.subtle {margin-bottom: 0;} .faq ul.subtle li a.current {color:#000!important;} .faq a.back {display: block; margin: 8px 0 5px;} /* Search Results --------------------------------------------------- */ dl.thumbtext {margin-bottom: 15px;} dl.thumbtext dt { float:left; padding:1em 10px 0 0; width: 144px; } dl.thumbtext dd { float:left; width: 314px;} dl.thumbtext dt h3 { text-transform:none; } a.more { text-decoration:none; } #form-search { background-color:#ced9dd; padding:1em; text-align:right; margin-top:0.3em; } #form-search input.text { font-size:1.4em; width:13.2em; margin-bottom:0.5em; } /* Stores --------------------------------------------------- */ #nav-map { margin-bottom:35px; } #form-search.stores input.text { width:8.5em; margin:0 4px 0 0; } ul.stores-list li { margin-bottom:1em; line-height:1.8em; background: url('../img/hr-dotted.gif') bottom left no-repeat; padding-bottom:1em;} ul.stores-list li.last { background: none!important;} ul.stores-list li.not-found { text-transform:none; } ul.stores-list li.not-found a { width: 50px; } ul.stores-list li a { display:inline; } ul.store { margin-top:1em; } ul.store li { text-transform:none; font-size:1.1em; } .notepad { width:232px; height:224px; background:transparent url('../img/bg-notepad.jpg') left top no-repeat; padding:25px 15px 0 20px; margin:3em 0 0 0; } .notepad .hr { width:190px; } .notepad dl { font-size:1.1em; margin-top:10px; } .notepad h4 {margin-bottom: 1px; padding-left:0em!important; } .notepad dt { float:left; width:90px; text-transform:none; padding-left:0em; } .notepad dd { margin-bottom:0.4em; text-transform:none; } div#map_canvas { width: 468px; height: 368px;} #form-search span {display: block; position: absolute; margin:-90px 0 0 -9px; } #form-search span label.error{color: #F492A9!important;} ul.stores-list-main {margin: 10px 0 15px;} ul.stores-list-main li {font-size:1.3em; margin-bottom:0.4em; text-transform:uppercase;} div.os-stores {width: 280px!important;} /* Forms --------------------------------------------------- */ form.padding { padding-top:1em; } form div.long { padding-bottom: 1.5em;} form div.long label { width: 338px !important;} form div.long-subscribe label { width: 508px !important;} form div.long-same label { width: 460px !important;} .form { margin:1.5em 0; } .form label { float:left; width:140px; margin-right:10px; font-size:1.1em; text-transform:uppercase; } .form label.checkbox { float:none; width:auto; margin-right:0; margin-left:5px; text-transform:none; } .form input.text, .form input.textinput, .form input.passwordinput { border:2px solid #dfe4e8; font-size:1.2em; padding:2px 4px; position:relative; top:-0.3em; width:200px; } .form textarea.text, .form textarea.textarea { border:2px solid #dfe4e8; font-size:1.2em; padding:2px 4px; height:40px; width:200px; } .form select.select { border:2px solid #dfe4e8!important; font-size:1.2em; padding:2px 4px; font-family:helvetica,arial,sans-serif; width:210px; } .form select.selectdatewidget { border:2px solid #dfe4e8!important; font-size:1.2em; padding:2px 4px; font-family:helvetica,arial,sans-serif; width:110px; } .form select.long { width:320px; } form input.left { margin-right:1.5em; } .form img.margin, form h3 img.margin { position:relative; margin-left:12px; top:2px; } form p { margin:3em 0 1em 0; } form p.no-top-margin { margin-top: 0;} form div.hrspace { margin-top:4em; } #form-blog-comment { width:330px; padding:10px; } #form-blog-comment .form { margin:0; } #form-blog-comment .form input.text, #form-blog-comment .form input.textinput { width:320px; border:1px solid #666; } #form-blog-comment .form textarea.text, #form-blog-comment .form textarea.textarea { color: #666666; width:320px; height:90px; border:1px solid #fff; } #form-blog-comment .form label { margin-bottom: 8px; } #form-blog-comment p { margin-top: 0.5em; } #form-blog-comment input.submit { border: none; font-size: 14px; font-weight: bold; color: #fff; background: #7fb0b8; margin:5px 5px 0 0; padding: 5px 15px; } .form label.error {color: #f492a9; text-transform: none!important; float: none; margin-left: 5px; vertical-align:top;} form p.help { display:block; margin:-10px 0 0 150px; padding-bottom:10px; } form p.help a {font-weight: normal; } div.std-form-right {width: 362px;} input.std-form-right {float: right;} /* Login Form --------------------------------------------------- */ #login-form {margin-bottom: 20px; margin-top: 25px;} #login-form input.login { margin-left: 315px;} /* Profile Form --------------------------------------------------- */ dl#profile { font-size:1.1em; margin-bottom: 15px; } dl.first { margin-top: 15px; } dl#profile dt { float: left; width: 150px; font-weight: bold; color:#51626F; float:left; font-size: 1.3em; margin-right: 10px;} dl#profile dd { float: left; width: 245px; margin-bottom: 10px;} dl#profile dd ul.addressblock li {margin-top: 3px;} ul.account-options li { margin: 0 0 5px 0;} #update-details-form label.same {width: 190px;} #update-details-form label.subscribe {width: 510px; } #update-details-form div.btns { margin-left:605px; } /* Register Form --------------------------------------------------- */ form#register-form select#id_dob_month { width: 90px; } form#register-form select#id_dob_day { width: 50px; } form#register-form select#id_dob_year { width: 65px; } /* Update Profile Form --------------------------------------------------- */ /* Order History --------------------------------------------------- */ table.order-history-table { width: 732px;} table.order-history-table th { font-size: 1.3em; color: #51626f; font-weight: bold; padding-top: 5px; vertical-align:top; } table.order-history-table th.order-items {width: 250px;} table.order-history-table tbody { padding-top: 15px; } table.order-history-table td { vertical-align: top; padding: 0 10px 40px 0;} table.order-history-table td.no-pad { padding: 0;} table.order-history-table td.th-hr{ padding-bottom: 15px;} table.order-history-table td.order-number { font-size: 1.3em; text-align: center; font-weight: bold;} table.order-history-table td.order-total { font-size: 1.3em; font-weight: bold;} table.order-history-table td.order-items {width: 250px;} table.order-history-table td.order-items ul li {padding-bottom: 3px;} table.order-history-table td.more-details { padding-right: 0!important;} /* Order History --------------------------------------------------- */ div.order-details h3 {color: #51626F; float: left; width: 250px; } div.order-details h3.no-left {float: none; } div.order-details table.items {font-size: 1.1em;} div.order-details table.items th { color: #51626f; font-weight: bold; padding-top: 5px; vertical-align:top; font-size: 1.2em; text-transform:uppercase;} div.order-details table.items th.qty { } div.order-details table.items td { vertical-align: top; padding: 15px 20px 0 0;} div.order-details table.items td.item { width: 215px; } div.order-details table.items td.item-img {width:165px;} div.order-details table.items td.qty { text-align: center;} div.order-details table.items td.price { font-weight: bold;} div.order-details table.items td.th { color: #51626f; font-weight: bold; padding-top: 5px; vertical-align:top; font-size: 1.2em; text-transform:uppercase;} div.order-details table.items td.th-main { color:#51626F; width:250px; font-size:1.6em; font-weight:normal; margin:0.5em 0; text-transform:uppercase; padding: 8px 0;} div.order-details ul {float: left; width: 482px; margin-top: 15px; font-size: 1.1em;} div.order-details dl.payment-summary {margin-bottom: 15px; } div.order-details dl.payment-summary dt { font-weight: bold; float: left; width: 80px;} div.order-details dl.payment-summary dt.normal { font-weight: normal;} div.order-details dl.payment-summary dd { float: left; text-align:right; width: 130px; width: 610px} div.order-details dl.payment-summary dd.bold { font-weight: bold;} div.order-details ul.shipping-dets {margin-bottom: 15px;} div.order-details ul.shipping-dets li {margin-bottom: 2px;} div.order-details dl.payment-summary dd.total { font-weight: bold; font-size: 1.3em;} form#order-tracking-contact textarea#txtComments { height: 100px; width: 450px;} form#order-tracking-contact input.contact-submit { margin-left: 419px; } form#order-tracking-contact label.error {margin-top: 10px; display: block; width:200px;} /* Contact Form --------------------------------------------------- */ form#contact-form input.contact-submit {margin-left: 315px;} form#contact-form textarea#id_contents {height: 150px;} dl.contact {margin-bottom: 10px;} dl.contact dt {float: left; font-weight: bold; width: 90px; margin-bottom: 10px; margin-right: 5px;} dl.contact dd { float: left; width: 632px; margin-bottom: 10px;} ul.looking-for {margin-bottom: 15px;} /* Subscribe Form --------------------------------------------------- */ form#subscribe-form input.subscribe-submit {margin-left: 282px;} /* Shopping Cart --------------------------------------------------- */ div.shop-cart {padding-top: 0!important;} div.shop-cart h1 {color: #51626f; text-transform: uppercase;} /*div#shop-cart-process {background: #acc0c7; padding: 10px; margin: 10px 0;} div#shop-cart-process ul {float: right;} div#shop-cart-process ul li {float: left; margin-right: 15px; color:#8996a0; text-decoration: none; font-size: 1.3em; font-weight: bold} div#shop-cart-process ul li.last {margin-right: 0;} div#shop-cart-process ul li a, div#shop-cart-process ul li a:visited {float: left; color:#8996a0; text-decoration: none; font-weight: bold} div#shop-cart-process ul li.active, div#shop-cart-process ul li a.active, div#shop-cart-process ul li a:hover {float: left; color:#51626f;} table.order-items { width: 732px;} table.order-items th {font-size: 1.3em; color: #51626f; font-weight: bold; padding-top: 5px;} table.order-items th.item {font-size: 1.5em; color: #51626f; font-weight: bold; width: 390px;} table.order-items th.price-item {} table.order-items th.total-item { } table.order-items tr td.padding { padding-bottom: 10px;} table.order-items tr td { vertical-align: top; padding-right: 10px; } table.order-items tr td.qty-form form { margin-top: -5px; } table.order-items-det tr { } table.order-items-det td { vertical-align: top; padding: 10px 10px 0 0;} table.order-items td.description {font-size: 1.3em; color: #687782; font-weight: bold; width:200px; padding-top: 10px;} table.order-items td.prod-image {width: 165px; padding-top: 10px;} table.order-items td.prod-image a {min-height: 116px; display: block;} table.order-items td.unit-price {font-size: 1.5em; color: #51626f; font-weight: bold; padding-top: 10px;} table.order-items td.line-price {font-size: 1.5em; color: #51626f; font-weight: bold; padding-top: 10px;} table.order-items td.remove { } table.order-items-det div.form { margin: 0; width: 100px; float: left;} table.order-items-det div.form label { float: none; font-size: 1em!important; margin-bottom: 3px; } table.order-items-det div.form input { float: none; } */ form.qtyform .form input { border:2px solid #DFE4E8; font-size:1.2em; padding:2px 4px; margin-right: 15px; width: 100px;} form.qtyform .form select.select { width: 100px; padding: 0;} form.qtyform input.update { margin: 15px 0 0; position:absolute; } form.qtyform div.options {width: 100px;} form.qtyform #id_quantity { width:58px; } dl.payment-summary .amount {font-size: 1.5em;} div#shop-footer {margin: 10px 0;} div#shop-footer ul#row-one {float: left; margin-right: 40px} div#shop-footer ul li {float: left; color: #51626f; padding-top: 3px;} div#shop-footer ul li.safe {; background: transparent url('../img/logo-secure.gif') left no-repeat; padding-left:18px;} div#shop-footer ul li.separator {margin: 0; margin: 0 10px;} div#shop-footer ul li.payments {margin-right: 5px;} div#shop-footer ul li.payments-logo {margin:0; padding:0; margin-top: -1px;} div#shop-footer ul li.shipping {margin-right: 15px;} div#shop-footer ul li.returns {} div#shop-footer ul#row-two { float:left;} .order-details .clearfix p { width:360px; float:left; margin-top:1em; } dl.payment-summary { color:#51626f; font-weight:bold; font-size:1.3em; margin-top:10px; line-height:1.5em; overflow:auto; width:400px!important; float:left; } dl.payment-summary dt { float:left; text-align:left; width:175px; clear:left!important; } dl.payment-summary dd { float:left; text-align:right; width:175px!important; } dl.payment-summary span.note {font-size: 0.85em; font-weight: normal;} dl.payment-summary span.price {font-size: 1.5em;} dl.payment-summary .grand-total {font-size: 1.3em;} table.shipping-address { margin-top:7px; } table.shipping-address td { width:370px; } table.shipping-address td ul li { color: #51626f; margin-bottom: 5px; } form input.bn-continue {float: right;} form#cart-information-logged-out-form {margin-bottom: 10px;} form#cart-information-logged-out-form input.submit {margin-left: 315px; margin-top: -10px} a#not-login {margin-left: 210px; } div.not-login { margin-top: -5px; margin-bottom: 10px;} a.shop-back {position:absolute; margin-top: 10px;} a.shop-back-two {position:absolute; margin-top: 15px;} p.require-text, h4.not-member {margin: 0; padding: 0; padding: 10px 0;} a.forgot-pw {font-weight: bold; margin:2px 0 0 8px; position:absolute;} div.discount-msg p {margin: 0; padding: 0; padding-bottom: 10px;} .cart-header-subtotal, .cart-header-total { text-align: right; font-size: 14px; font-weight: bold; padding: 0; color: #000; background-color: #e9ecee; } .cart-header-subtotal p, .cart-header-total p { margin: 2px 0; padding: 5px 14px } .cart-header-total { font-size: 16px; } .order-items-grid { clear: both; } .order-items-grid .item { display: block; width: 100%; height: 120px; clear: both; margin: 0; padding: 15px 0; background: url("/site_media/img/hr-dotted.gif") repeat-x left bottom; } .order-items-grid .cart-items-head { height: 26px; font-size: 14px; font-weight: bold; padding: 0; color: #000; } .order-items-grid .col1 { float: left; width: 150px; } .order-items-grid .col2 { float: left; width: 250px; } .order-items-grid .col3 { float: left; width: 210px; } .order-items-grid .col4 { float: left; width: 122px; text-align: right; font-size: 14px; font-weight: bold; color: #000; } .order-items-grid .cart-item-remove { font-size: 11px; font-weight: normal; color: #51626f; text-decoration: underline; } .order-items-grid .qtyform .form { margin: 0 0 7px 0; } #progress { overflow:auto; height:56px; margin-bottom: 15px; } .progress-1 { background-image:url('/site_media/img/cart-progress-1.gif'); } .progress-2 { background-image:url('/site_media/img/cart-progress-2.gif'); } .progress-3 { background-image:url('/site_media/img/cart-progress-3.gif'); } #progress li { float:left; width: 33%; height:56px; list-style-type:none; overflow:hidden; display:block; color:#5b4435; text-shadow:1px 1px 1px rgba(0,0,0,0.25); } #progress li span { display: block; margin-top: 19px; font-weight: bold; text-transform:uppercase; font-size:17px; } #progress li.item1 span { margin-left: 71px; } #progress li.item2 span { margin-left: 102px; } #progress li.item3 span { margin-left: 82px; } #progress li a { width:100%; height:56px; display:block; text-decoration:none; color:#5b4435; } #progress li.active { color:#fff; text-shadow:1px 1px 1px rgba(255,255,255,0.25); } #progress li a:hover { color:#d31145; } h3.cart-title { font-size: 17px; font-weight: bold; margin: 5px 0; letter-spacing: -1px; color: #218695; } .cart-account-box { float: left; width: 310px; height: 210px; margin: 10px; padding: 16px; border: 1px solid #bdbdbd; background-color: #f4f4f4; } .cart-account-box h2 { font-weight: bold; color: #51626f; padding-bottom: 2px; border-bottom: 1px dotted #9f9f9f; } .cart-account-box label { float: left; width: 110px; display: block; text-transform: uppercase; color: #51626f; } .cart-account-box input[type='text'], .cart-account-box input[type='password'] { width: 190px; border: 1px solid #7f9db9; } .cart-account-box input[type='image'] { float: right; clear: both; margin: 20px 7px 0 0; } .cart-account-box p { margin: 10px 0; } .cart-account-box form div, .cart-account-box form a { float:right; margin-right:7px; } .cart-item-remove { color: #218695; text-decoration: underline; cursor: pointer; } .shop-cart form .long-same-right label { float: none; width: 500px; text-transform: none; margin-left: 10px; } .shop-cart .subscribe-details { margin-bottom: 10px; font-size:1.1em!important; } .shop-cart .subscribe-details li { list-style: inside disc; font-size:1em!important; } .shop-cart .shipping { text-align: right; margin-bottom: 15px; } .shop-cart .shipping label { float: none; text-transform: none; } .shop-cart .shipping #promo-error { color:red; font-weight:bold; } .checkout-buttons { text-align: right; margin: 15px 0; overflow:auto; } .checkout-buttons .proceed-to-checkout { float:right; outline:0; } .checkout-buttons .continue-shopping { float:left; outline:0; } .shop-cart .ship-tooltip, .shop-cart .promo-tooltip { color: #235f68; text-decoration: underline; margin-top: 5px; } .shop-cart .cart-tooltip { width: 260px; height: 215px; background: url('../img/bg-cart-ship-tooltip.png') no-repeat 0 0; padding: 18px 0 0 0; display: none; z-index: 1000; } .shop-cart .cart-tooltip p { margin:0.5em 35px; line-height:1.2em; /* padding: 0 35px 7px 35px; */ text-align: left; color: #000; font-size:1em; } .billing-info { position: relative; } .your-cart-box { width: 234px; position: absolute; top: 0; right: 0; background-color: #eeeff1; } .payment-details-form .your-cart-box { position: relative; float: right; } .your-cart-box .hr { margin: 10px 0; } .your-cart-box p { margin: 0; padding: 0; } .your-cart-box-item { margin: 0 15px; font-size: 10px; } .your-cart-box-item div { width: 137px; float: left; } .your-cart-box-item img { margin-right: 10px; float: left; } .your-cart-box-item .red { font-size: 11px; color: #a80b0b; font-weight: bold; } .your-cart-box-item .black { font-size: 12px; color: #000; font-weight: bold; } .your-cart-box-item img { width: 54px; border: 1px solid #666; } .your-cart-box-item .hr { width: 204px; } .your-cart-box-total { margin: 0 15px 15px; font-size: 10px; } .your-cart-box-total .blue { color: #128596; font-weight: bold; float:right; } .your-cart-box-total .total { color: #000; font-size: 16px; font-weight: bold; text-align:right; } .your-cart-box .edit { text-align: right; } .your-cart-box .edit a { color: #666; font-size: 12px; text-align: right; text-decoration: underline; } .delivery-deets-box { border-top: 20px solid #fff; margin-bottom:15px; } /* Shopping Cart - Payment Form --------------------------------------------------- */ form#payment-form p {margin-top: 0;} form#payment-form .form { clear:left; } form#payment-form .form label { width:160px; } form#payment-form .form #id_month_expires, form#payment-form .form #id_year_expires {width: 5em; max-width:95px;} form#payment-form div.payment-details-form .form label.date-separator { width:20px!important; float:none!important; text-align:center!important; display:inline-block!important; margin:0em; } form#payment-form div.payment-details-form .form input#id_ccv { width: 4em!important; padding:0.2em 0.4em; max-width:95px!important;} form#payment-form input.submit { margin-top: -5px; } div.shipping-options hr {display: none;} div.shipping-options ul li {margin-bottom: 10px; } div.form p.note a {font-weight: normal; margin-left: 152px;} div#ccv-info {background: #fff; padding: 15px; width: 300px; margin-left: 135px; margin-top: -20px;} div#ccv-info h1 { font-size: 1.3em;} /* Shopping Cart - Confirm --------------------------------------------------- */ div.confirm ul {margin-bottom: 15px;} div.confirm ul li {margin-bottom: 5px;} table.confirm th.ship-info { width: 500px!important;} table.confirm table.payment-summary {width: 212px;} table.confirm table.payment-summary dl dt {float: left; width: 60px; margin-right: 10px;} table.confirm table.payment-summary dl dd {text-align: right;} table.confirm table.payment-summary dl dt.total {font-size: 1.1em;} table.payment-summary td.sub-total { padding-bottom: 10px; } table.payment-summary td.promo {padding-bottom: 10px; } div.thanks a.print-top {float: right;} div.thanks a.print-btm { float:right; margin-top:10px;} div.confirm a.print-btm { float:right; margin-top:10px; margin-bottom: 5px;} /* Homepage --------------------------------------------------- */ div.rollover-img { z-index: 1; position: absolute;} div.on {z-index: 100;} #calendar ul li img.orig, div.orig {z-index: 100; position: absolute;} body#homepage div#breadcrumb {display: none;} /* Error Pages --------------------------------------------------- */ div#error-for-oh-for {background:transparent url('../img/bg-error-page.jpg') left top no-repeat; width: 732px; height: 338px;} div#error-for-oh-for div.text {width: 400px; padding-top: 20px;} div#error-for-oh-for div.text p {width: 400px; font-size: 1.3em; line-height: 1.8em;} /* Homepage Update --------------------------------------------------- */ p.home-note { border: 3px solid #A6ACB4; padding: 10px; font-size: 1.1em; color: #3F454F; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border-radius:6px; width: 712px; margin: 10px auto; } h2 span.info { font-size: 0.55em; text-align: right; margin-left: 15px;} /* Overlay --------------------------------------------------- */ #overlay { background: #ffffff url('../img/main-content-bg.png') top left repeat-y; border: 1px solid #cccbcb; color: #DDDDDD; padding: 20px; text-align: left; font-size: 11px; -moz-box-shadow: 0px 0px 30px #cccbcb; -webkit-box-shadow: 0px 0px 30px #cccbcb; } #overlay .tinymce { height: 400px; overflow: auto; } #overlay h1 { margin-bottom: 0.5em; } #overlay h2 { margin-top: 0.5em; } #overlay .close { position: absolute; top:-12px; right:-14px; text-transform: uppercase; } #overlay #breadcrumb { display:none; } h1.need-shipping { width:425px; color:#e34a4f!important; font-size:1em; margin:1em 0em 2em; } #processing div { border:1px solid #ccc; } #processing img.imgProcessing { margin:10px auto 0px; }