/* Title: The Knit Kit | www.theknitkit.com Author: Lynn Stott | www.stottdesign.com Version: 1 Created: 7/15/2009 Modified: 7/23/2009 : CMS | Shopping Cart */ /* ---------------------------------------------------------------------- Reset Styles ------------------------------------------------------------------------- COLORS: Pink: #d70983; Fusha:#ebcedf | e9ccdd; */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul, li { list-style:none; background:none; } ul.inline li {float:left; padding-right:20px;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } .del {text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img, :link img, :visited img { border: none;} a img {border:none;} :focus {outline: 0; } /* ---------------------------------------------------------------------- Pre-sets ------------------------------------------------------------------------- */ body {background:#b7a2af url(bg.gif) 0 0 repeat-x; font-size:62.5%; font-family:"Lucida Grande", Arial, Helvetica, Geneva, sans-serif; height:100%; text-align:center; /* keep this for incomp. browsers */} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:2em; margin-bottom:0.5em;} p { margin:0 0 .90em;} p.no-pad, ul.no-pad {margin:0;padding-top:0;} p img { float:left; margin:.5em .6em 1em 0;padding:0;} img.right { float:right; margin:10px 0 0 15px;} img.cntr-img{display: block; margin:0 auto;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} table {width: 100%; } /* Links ---------------------------------------*/ a {text-decoration:none; color:#d70983; border-bottom:1px dotted #999; outline:none; } a:hover { border-bottom:1px solid #666; color:#e10387; } a.highlight {color:#535151; background-color:#FAF4CF; padding:3px; border:0 } /* Header */ #header h1 {background: url(logo_the-knit-kit.png) 0 0 no-repeat; text-indent:-9999px; width:195px; height:61px; position:absolute; top:-15px; left:55px;} #header h1 a {display:block; width:239px; height:109px; background:none; border:0; } /* Other */ p.small, td.small {font-size:.85em; line-height:1.5em; padding-top:5px; color:#333;} span.small {font-size:.90em; line-height:1.5em;} strong, .bold {font-weight:bold;} .cntr {text-align:center; float:left; width:100%;} .cntr a {float:left; margin-left:300px; display: block; } a.btn {border:none;} a.btn:hover {border:none;} img.btn-img {margin:0;} /* Forms ---------------------------------------*/ label {text-align:right; padding-right:8px; color:#292929; display:inline-block; float:left; height:26px; line-height:26px; width:100px;} input, textarea, select {float:left; padding:4px 0 3px 3px; color:#666; background:#eee; border:1px solid #ccc; margin:0; -moz-border-radius: 3px; -webkit-border-radius:3px; } input {width:200px;} input:focus, textarea:focus, select:focus {border: 1px solid #e9ccdd; background-color: #fff; outline:none;} textarea {width:350px;} input.submit {cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; } input.submit:hover {background:#444; } fieldset {padding:20px; border:1px solid #ccc; } legend {padding:7px 10px; font-weight:bold; color:#c00019; text-transform:uppercase; font-size:.95em; font-weight:bold;} .form-required {clear:none; color:#c32031; float:right;} .form-item .description, .password-strength {font-size:.90em; font-style:italic; float:left; line-height:1.4em; padding-left:10px; width:300px; padding-top:7px;} .form-item {width:100%; float:left; padding-bottom:3px; clear:both; } .form-radios .form-item {padding-bottom:0;clear:both; } .form-checkboxes, .form-radios {float:left;} input.form-checkbox, input.form-radios, input.form-radio {background:none; width:auto; margin-right:8px; line-height:20px; } label.option {width:auto; font-weight:normal; padding-right:15px; line-height:10px; } .grippie {margin-left:117px;} #edit-format-1-wrapper, #edit-format-2-wrapper, #edit-format-3-wrapper, #edit-format-4-wrapper, #edit-status-0-wrapper, #edit-status-1-wrapper, .form-radios .form-item {width:auto;} /* ---------------------------------------------------------------------- BUTTONS ------------------------------------------------------------------------- */ input.form-submit { width:auto; clear:both; font-size:.85em; height:26px; padding:4px 15px 4px 15px; border:1px solid #e9ccdd; margin-top:20px; background-color:#e9ccdd; color:#333; text-transform:uppercase; font-weight:bold; cursor:pointer;} #quotes-pane input.form-submit {margin-top:0;} input.form-submit:hover, #continue-shopping-link a:hover, a.order-link:hover {background-color:#ebcedf; color:#333; border:1px solid #d70983; outline:none; } #continue-shopping-link, .order-link {float:left; margin-top:21px;} #continue-shopping-link a, a.order-link { outline:none; padding:5px 15px; background-color:#e9ccdd; color:#333; font-size:.85em; border:1px solid #e9ccdd; text-transform:uppercase; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius:3px; } input#edit-preview {clear:none; float:left;} /* ---------------------------------------------------------------------- Layout ------------------------------------------------------------------------- */ #wrapper {width:984px; margin:0 auto; overflow:hidden; text-align:left;} #header-wrap {float:left; width:984px; background:url(bg_header_top.png) 0 33px no-repeat; position:relative; } #header {float:left; width:984px; margin-top:58px; background:url(bg_header.png) 19px 0 repeat-y; height:295px; position:relative;} #sidebar {width:280px; float:left;} #content-wrap {background:url(bg_content_top.png) 0 0 no-repeat; float:left; clear:both; padding:32px 0 0 0; margin-left:13px; width:970px;} #content-bg {background:url(bg_content.png) 0 0 repeat-y; float:left; margin:39px 0 0 6px; padding-bottom:0; width:970px; position:relative; } #content {float:left; width:970px; } #content .nest {padding:0 60px 30px 60px; float:left; } #footer-wrap {height:50px; clear:both; text-align:center; background:url(bg_content_bottom.png) 19px 0 no-repeat;} #footer {margin:0 auto; width:960px;} #content, #sidebar {color:#373737; font-size:1.25em; line-height:1.80em; color:#484848;} .sidebar-left #content-bg {background:url(bg_content_sb.png) 0 0 repeat-y;} .sidebar-left #content {width:630px;} .sidebar-left #content .nest{padding:0 0 30px 40px;} h2 {font-size:1.3em; margin:0 0 .90em; text-transform:uppercase; color:#d70983; clear:both;} #content h3 {font-weight:bold;} #copywrite {color:#666; float:left; width:150px; padding:20px 0 0 0; } span.dotted {background: url(bg_hDot.gif) 0 bottom repeat-x;} #content p.bold {margin:0; color:#373737; font-size:1.05em;} /* Flash-like Slideshow */ .slideshow-wrap { background:url(txt_knit_kit_intro.png) 0 0 no-repeat; height:346px; width:676px; position:absolute; top:-25px; right:6px;} .slideshow {float:right; margin:0; overflow:hidden; position:relative;} .slideshow img {position:absolute; right:0;top:0;} /* ---------------------------------------------------------------------- Home Page ------------------------------------------------------------------------- */ #homepage p {clear:both;} .martha {float:left; margin:0 0 20px 0; clear:both; background:url(bg-separator.png) 50% bottom no-repeat; padding-bottom: 20px;} .martha a {color:#1B8276;} .martha div {float:left; width:270px;} #homepage .martha p {float:left; width:280px; clear:none; text-align:center; margin:20px 20px 0 20px; font-weight:bold; font-size:.90em; color:#1B8276;} .martha img {float:left; } #homepage #content-bg {padding-bottom:0;} #homepage #content {font-size:1.7em; } #homepage #content .nest{padding:0 50px 0 60px;} #homepage #footer-wrap {padding-top:1px; } h2#tag {clear:both; margin:0 0 20px 190px; text-indent:-9999em; background: url(txt_never-lose-your-knit-knacks.png) 0 0 no-repeat; width:489px; height:53px;} #homepage p {margin:0 0 .70em; font-size:.90em;} ul.imgs {float:right;} ul.imgs li {float:left; padding:0 0 0 6px;} a#btn-shop {background:url(btn_shop.png) 0 0 no-repeat; display:block; text-indent:-9999em; width:168px; height:45px; border:0;} #images {width:438px; height:276px; margin:0 0 0 18px; padding-top:18px;} a.btn-new-kit {background:url(btn-new-knit-kit.png) 0 top no-repeat; text-indent:-999em; display:block; width:340px; height:43px; border:0; margin-left:260px;} a.btn-new-kit:hover {background:url(btn-new-knit-kit.png) 0 bottom no-repeat; text-indent:-999em;} /* ---------------------------------------------------------------------- SIDEBAR ------------------------------------------------------------------------- */ #contact-sidebar, #block-2, #block-4, #block-6, #block-7, #block-10, #block-menu-kit-specs, #block-menu-about-links, #block-menu-store-locator {float:left; padding:0 30px 30px 35px;} #block-menu-kit-specs, #block-menu-about-links {padding-bottom:30px;} #block-menu-kit-specs {padding-bottom:0;} #sidebar h2 {margin:0 0 .50em;} #sidebar h3 {color:#d70983; margin-bottom:0; text-transform:uppercase; font-size:1.1em;} #sidebar p {line-height:1.6em;} #block-menu-kit-specs h3, #block-menu-about-links h3, #block-menu-store-locator h3 {margin-bottom:.60em;} #block-2 {padding-bottom:70px;}/* Add this margin to the bottom block to create spacing for the social links */ #block-3 {margin:25px 0 0 0; padding:0; width:100%;} /* Video Block */ #block-4 p {margin:0;} #block-4 p img {margin:0;} /* Social Links Block */ #block-5 {position:absolute; bottom:0; left:0; width:280px; margin:25px 0 0 0; height:40px;} #block-3 p, #block-5 h5 {font-size:.90em; text-transform:uppercase; color:#d70983;margin:0;} ul.social-links {text-align:center; } ul.social-links li {display:inline; padding:0 5px;} ul.social-links li a {border:0; } ul.social-links a img {-moz-opacity: 0.6; opacity: 0.6; padding:0;} ul.social-links a:hover img{-moz-opacity: 1.0; opacity: 1.0;} /*Sidebar Nav*/ ul.menu a {border:0; color:#333; display:block; text-transform:uppercase; padding:0 0 0 5px; font-size:1.1em;} #sidebar ul.menu {clear:both;float:left; width:215px; border-top:1px solid #ccc; } #sidebar #block-7 ul.menu {border-top:none; } /* order/orderinfo menu */ #sidebar .menu li {padding:0; border-bottom:1px solid #ccc; clear:both; font-size:.85em; line-height:2.5em;} #sidebar a.active, #sidebar a:hover {color:#d70983; border:0;} #sidebar a.order-link {border:1px solid #e9ccdd; } #sidebar a.order-link:hover { border:1px solid #d70983; color:#333; } #contact-sidebar h2 {font-size:1em; margin-bottom:0; } /* ---------------------------------------------------------------------- BLOG | PRESS ------------------------------------------------------------------------- */ .post-wrap {float:left; clear:both; margin-top:10px;} #pg-blog .post-wrap {border-bottom:1px solid #ccc;} .section-blog .post-wrap {margin-bottom:10px;} .press ol li, .section-blog .post-wrap {width:550px; margin-bottom:15px;} .post-wrap h2 {text-transform:none; margin-bottom:0; clear:both; line-height:1.2em; font-size:1.4em;} .section-press .post-wrap h2 {font-size:1.3em;} .post-wrap h2 a {border:0;} .post-wrap h2 a:hover {border-bottom:1px dotted #666;} p.date {color:#999; margin-bottom:.3em; font-size:.90em; font-style:italic;} #comments {clear:both; } #comments h3 {font-weight:bold; clear:both; margin-top:15px;} .comment-wrap {background-color:#eee; padding:0 30px 15px 20px; margin:7px 0; font-size:.90em; } .comment-wrap ul.links li {float:left; padding:0 7px;} .comment-wrap ul.links {clear:both; float:left;} p.submitted {font-style:italic; margin-bottom:.50em;padding-top:15px;} .comment-link {background:url(icon-comment.png) 0 5px no-repeat; padding:0 0 0 20px; margin-bottom:5px; font-size:.90em; } .comment-link a {border:0;} .comment-link a:hover {border-bottom:1px dotted #666;} ul.right {float:right;} li.comment-link {margin:0;} #comment-form #edit-preview {margin-left:20px;} #comment-form .grippie {margin-left:0;} #comment-form .collapsible {clear:both;} #comment-form .form-textarea {width:400px;} #comment-form label {text-align:left; display:block;} #content .press h3 {font-size:1.3em; font-weight:normal;} .press li {margin-bottom:40px;} .press ol p {margin-bottom:0;} .views-admin-links ul {margin-bottom:10px; float:left;} .views-admin-links li {float:left; margin-right:15px;} /* ---------------------------------------------------------------------- KIT SPECS - GALLERY ------------------------------------------------------------------------- */ ul.gallery {clear:both; } ul.gallery li {display:inline; padding:5px 10px 5px 0; border:none; float:left; } ul.gallery li a {border:0;} ul.gallery li a img {color:#ccc; text-align:center; border: 1px solid #ccc; padding:3px; } ul.gallery li a:hover img, a.single-img:hover {border: 1px solid #d70983; } a.single-img {border:0; display:block; float:left; margin:15px 15px 15px 0; border: 1px solid #999; padding:0; } a.single-img img {padding:3px; margin:0;} #sidebar a.single-img {margin-top:0;} ul.kk-img-headers {padding-top:5px; float:left;} ul.kk-img-headers li {line-height:1.7em; color:#373737; float:left; background:#e9ccdd; font-weight: bold; font-size:.90em;} /* ---------------------------------------------------------------------- ALL PAGES ------------------------------------------------------------------------- */ ul.tabs, ul.secondary {border:0; display:block; clear: both; text-align: left; margin: 0 0 7px 0; padding: 0; } ul.tabs li, ul.secondary li {float:left; border:1px solid #666; width:100px; margin-right:5px; padding:0; } ul.tabs li a, ul.secondary li a {display:block; margin:0; padding:0; border:0; text-align:center; font-size:1.1em; line-height:1.7em; color:#003399; background-color:#fff; } ul.tabs li.active a, ul.secondary li.active a {background-color: #eee; border:0;} ul.primary { position:relative; top:auto; } .tabs {clear:both; margin:0 0 15px 0; width:555px; } .tabs ul.tabs { border-bottom: 1px solid #c3c3c3; margin: 0 0 20px 0; padding:0; width:100%; float:left; clear:both; } .tabs ul.tabs li { margin: 0 2px 0 0; width:auto; border:0;} .tabs ul.tabs li a { color:#999; display:block; text-decoration:none; padding:2px 9px; background: #e3e3e3; border:0; font-weight:normal; font-size:.90em; } .tabs ul.tabs li.active a, .tabs ul.tabs li a:hover, .tabs ul.tabs li a.active:link, .tabs ul.tabs li a.active:visited, .tabs ul.tabs li.active a:hover, .tabs ul.tabs li.active a:focus {color:#000; background:#cecece; } .tabs ul.tabs li.active a {font-weight:bold;} /* ---------------------------------------------------------------------- Lists ------------------------------------------------------------------------- */ ul.tbl {float:left; width:634px; padding-bottom:20px;} ul.tbl li {padding: 0 0 0 20px; float:left; } li.right {float:right;} ul.bullet {float:left; padding-bottom:20px;} ul.bullet li {background:url(bul_orangeArrow.gif) 0 4px no-repeat; padding: 0 0 0 20px;clear:both; } ul.pdf {float:left; padding-bottom:20px;} ul.pdf li {background:url(icon_pdf.gif) 0 0 no-repeat; padding: 0 0 0 30px; border:0;} ul.pdf li a {border-bottom:1px dotted #999;} #tabs ul.pdf {padding-left:15px;} #tabs ul.pdf li {padding-bottom:15px;} #tabs-1 ul.bullet {margin-left:15px;} /* ---------------------------------------------------------------------- MENUS ------------------------------------------------------------------------- */ /* Top Nav */ #block-menu-top-links {height:29px; margin-right:10px;} #block-menu-top-links ul.menu {float:right; padding-left:20px; padding-right:10px; background:url(bg_rt_topnav.gif) right 0 no-repeat;} #block-menu-top-links ul.menu li {float:right; background:#373737;width:10em; height:29px;} #block-menu-top-links ul.menu li#log_out {background-image: url(bg_left_topnav.gif); background-repeat:no-repeat; padding-left:20px; width:6em;} #block-menu-top-links ul.menu li#my_account { padding-left:10px; } #block-menu-top-links a {color:#fff; text-transform:uppercase; letter-spacing:.03em; line-height:2.6em; font-size:1.1em; border:0;} #block-menu-top-links a:hover {color:#F9AFDA;} #block-menu-top-links ul.menu li#cart a { margin-left:5px; background:url(btn_cart.gif) right 6px no-repeat; display:block; text-indent:-9999em; width:75px; height:29px; border:0;} .section-user #my_account a {color:#d959a8;} /* Main Nav */ #mainmenu {margin:65px 0 0 53px;} #mainmenu ul {float:left; padding:0; position:relative; } #mainmenu ul li {padding-bottom:0; border-bottom:1px solid #444; width:208px;} #mainmenu li a {font-weight:normal; color:#ccc; font-family:Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; font-size:1.5em;display:block; outline:none; border:0; line-height:2em; } #mainmenu li a.active, #mainmenu li a:hover, .section-product #mainmenu #product_information a, .section-blog #mainmenu #blog a, .section-press #mainmenu #about_us a, .section-store-locator #mainmenu li#store_locator a, .section-about #mainmenu li#about_us a {color:#d70983;} /* Sidebar Nav */ #pg-product-the-knit-kit li.order a, #pg-product-order-info li.order-info a, .section-press #block-menu-about-links li.press a {color:#d70983;} /* Footer Links */ #menu-footer-links {float:right; width:auto; padding:0 10px 15px 0; margin-bottom:15px;} #menu-footer-links ul {float:left; padding-top:16px;} #menu-footer-links li {float:left; padding-left:17px;} #menu-footer-links a {padding:5px 10px; color:#333; text-transform:none; letter-spacing:.01em; border:0;} #menu-footer-links a:hover, #menu-footer-links a.active {color:#F0DAE8; } #menu-footer-links li.last a{padding-right:0;} /* ---------------------------------------------------------------------- PAGES ------------------------------------------------------------------------- */ #resources-faq strong, #block-4 strong { color:#dc5805;} /* ---------------------------------------------------------------------- FORMS ------------------------------------------------------------------------- */ .add-to-cart .form-item, .add-to-cart .form-submit { clear:none; } td {padding:0; height:10px;} td.remove .form-item {float:none;} .webform-component-textarea {clear:both;} .resizable-textarea {width:auto;} html.js .resizable-textarea textarea {margin-bottom:0; display:block;} /* ---------- Results -------------- */ .webform-results-per-page table td {padding: 3px 10px 3px 3px; } .webform-results-per-page .sticky-enabled th {font-size:1em;} .webform-results-per-page tr.even {background-color:#e0e0e0;} .webform-results-per-page .sticky-enabled td {padding: 3px 10px 3px 6px; } /* ---------- Contact Us Page -------------- */ #contact-mail-page #edit-name-wrapper {margin-top: 15px;} #contact-mail-page label { display:inline-block; float:left; height:26px; line-height:26px; width:195px;font-weight:bold; font-size:.95em;} #contact-mail-page label.option {width:auto;} #contact-mail-page input, #contact-mail-page textarea {width:320px;} #contact-mail-page input#edit-copy {width:20px;} #contact-mail-page select {width:325px;} #contact-mail-page .grippie, #contact-mail-page input.form-submit, #contact-mail-page #edit-copy-wrapper {margin-left:195px;} #contact-mail-page .form-item {padding-bottom:10px;} #contact-mail-page input.form-submit {width:130px; clear:both; float:left;} #contact #sidebar h2 {font-size:1em; margin-bottom:0;} #contact #sidebar p {line-height:1.3em; letter-spacing:.04em; margin-bottom:20px;} /* ---------------------------------------------------------------------- PRODUCT PAGE ------------------------------------------------------------------------- */ #tabs-1 h3 {clear:both;} h2#product_name {margin-bottom:10px; font-size:1.2em; } .product-info {clear:both;} #left_col {float:left; width:265px; margin-top:30px;}/* to work with: 675px */ #left_col .nest {padding:0;} #right_col {float:left; width:310px;} .phone-order {padding:20px 0 0 0;clear:both; font-size:.90em; line-height:1.4em; font-style:italic;} .product-content { padding-bottom:10px; float:left;} .product-content em { font-size:.85em;} .product-content a { border:0;} .product-content #left_col, .product-content #right_col { border:0; line-height:1.7em; font-size:1em;} .product-content #right_col .nest { padding:0; } .product-content p.itemID { clear:both; padding-top:7px; color:#999; font-style:italic; } .product-content input.form-submit { margin:5px 0 0 0; font-size:.80em; padding:3px 35px; clear:both; float:right;} .product-content span.price {font-weight:bold; color:#333; font-size:1.1em;} ul.other_imgs {float:left; margin:15px 0 0 0; color:#999; text-align:left; line-height:1.9em; font-size:.90em; } ul.other_imgs li {float:left; margin-right:3px; } ul.other_imgs a {display:block; border:0; } ul.other_imgs li a img {color:#ccc; text-align:center; border: 3px solid #e0e0e0; padding:1px; } ul.other_imgs li a:hover img { border: 3px solid #ccc; } /* Add to Cart */ .add-to-cart {overflow:hidden; background: url(bg_addToCart.gif) 0 0 repeat-x; clear:both; float:left; width:100%; height:83px; padding-top:8px; margin-top:7px; } .add-to-cart input, .add-to-cart select { font-size:.90em; padding:3px 0 2px 2px; } .product-content .form-item {padding-right:15px; } #edit-attributes-1 {width:135px;} /* Select boxes */ input#edit-qty {width:30px; text-align:center;} #edit-attributes-1-wrapper label, .add-to-cart label {width:auto;color:#666; font-size:.85em; display:block; line-height:1.3em; float:none; height:18px;} .add-to-cart .form-item {width:auto;} .add-to-cart label {text-align: left;} .uc-out-of-stock-instock {float:left; width:auto; margin:0 0 0 10px; font-size:10px;} .uc_out_of_stock_throbbing {height:10px;} /* ---------------------------------------------------------------------- ADMIN ------------------------------------------------------------------------- /* Blocks */ #main-content {margin:30px 0 0 0; clear:both;} form#block-admin-display-form td {border:1px solid #ccc; padding:5px 10px 3px 7px; vertical-align: middle; } form#block-admin-display-form tr.region {background:#333; color:#ccc;} #admin-build-block #header h1 {display:none;} form#block-admin-display-form {clear:both;} /* ** Table drag and drop. */ .draggable a.tabledrag-handle { border:none; cursor: move; float: left; /* LTR */ height: 1.7em; margin: -0.4em 0 -0.4em -0.5em; /* LTR */ padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { margin-top: 4px; height: 13px; width: 13px; background: url(../../../../../misc/draggable.png) no-repeat 0 0; } a.tabledrag-handle-hover .handle { background-position: 0 -20px; } /* Admin Links ------------------------------------- */ #admin-links {width:100%;} #admin-links li {float:left; padding:0 3px; border-left:1px solid #999;} #admin-links li a {padding:1px 3px; font-size:10px;} /* ---------------------------------------------------------------------- USER PAGES ------------------------------------------------------------------------- */ #user-profile-form {clear:both;} #user-profile-form input {width:200px;float:left;} #user-profile-form label {width:130px;} #user-profile-form input.form-checkbox, #user-profile-form input.form-radios, #user-profile-form input.form-radio {width:20px; height:15px;} #user-profile-form label.option {width:auto;} #user-profile-form #edit-name-wrapper .description, #user-profile-form #edit-mail-wrapper .description, #user-profile-form #edit-pass-wrapper .description { float:left; width:480px; padding-left:10px;} .form-radios .form-item, .form-checkboxes .form-item {padding-bottom:0;clear:both; } #edit-pass-pass2-wrapper {clear:both;} #tracker { clear:both; } .tabContent { margin-top:10px; padding-left:10px; clear:both; float:left; width:100%; line-height:1.2em; } .profile h2.title, legend { background:none; text-align:left; font-size:1.1em; color:#666; font-weight:bold; } .profile dl { margin-left: 10px; margin-bottom:10px; } .profile dt { margin:0; } pre { font-size:1.2em; color:#999;} #user-page .nest h3 {font-size: 1.2em; background-color:#fff; color:#333; width:auto; text-transform:uppercase; padding:0; line-height:1.9em; } form#user-pass, form#user-login {margin-top:15px; float:left;} .section-user input.form-submit {width:100px;} form#user-login input.form-submit {margin-left:215px;} form#user-login .description {width:auto;} form#user-pass label {width:auto;} form#user-pass input.form-submit {margin-left:210px; width:200px;} #block-0 h3 {margin-bottom:15px; text-transform:uppercase;} #user-login-form {width:340px;} #user-login-form .item-list {clear:both;} #user-login-form #edit-submit {float:right;} #user-login label {width:80px;} #user-login #edit-submit {margin-left:195px;} /* ---------------------------------------------------------------------- SHOPPING CART ------------------------------------------------------------------------- */ #cart-form-products, #checkout-instructions {clear:both;} #cart .content {margin-top:32px; padding-bottom:25px; background:none;} #cart-form-buttons {float:left; width:100%; border:0; } #cart-form-buttons .form-submit {float:left; clear:none; width:auto;} #continue-shopping-button {float:left; width:200px; margin:0;} #continue-shopping-button .form-submit {float:left;} input#edit-update {margin-left:450px;} input#edit-checkout {margin-left:20px;} #cart-form-products th, .cart-review th {font-size:.85em; text-transform:uppercase; background-color:#666; color:#ccc; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:3px 0; } #cart-form-products tr, .cart-review tr, #cart-form-products tr.odd, .cart-review tr.odd {background-color:#fff; border-bottom:1px dotted #999; border-top:0; } #cart-form-products tr.even, .cart-review tr.even {background-color:#eee; border-top:1px dotted #999; border-top:0; } #cart-form-products td, .cart-review td {vertical-align:middle; padding-top:7px; padding-bottom:5px; } #cart-form-products td.remove {width:100px;} #cart-form-products td.remove input.form-submit {font-size:9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:none; background:#E10387; color:#fff; letter-spacing: normal; font-weight: normal; padding: 3px 5px; text-transform: none; margin:0 0 0 20px; height: auto;} #cart-form-products td.image {padding:7px 15px 0 15px; } #cart-form-products td.desc {font-weight:bold; width:400px; } #cart-form-products td.desc a {float:left;} #cart-form-products td.qty {width:80px;} #cart-form-products td.qty input{width:36px;} th.price, td.price {text-align:right; padding-right:15px; padding-left:0; width:120px;} #cart-form-products td.subtotal, .cart-review td.subtotal {border-top:2px solid #ccc; text-align:right; border-bottom:0; font-weight:bold; text-transform:uppercase; padding-bottom:10px; padding-right:15px;} span#subtotal-title {font-weight:bold; padding-right:10px;} ul.product-description {margin-left:15px; clear:both;} ul.product-description li {float:none; font-weight:normal; font-size:.90em; line-height:1.15em; color:#666;} #cart-form-pane table a {border:0;} #cart-form-pane table a:hover {border-bottom:1px dotted #666;} .address-pane-table, .inline-pane-table {clear:both;} #cart-form-products td.image {padding-bottom:5px;} #cart-form-products td.image a {border:0;} /* ---------------------------------------------------------------------- CHECK OUT ------------------------------------------------------------------------- */ .uc-default-submit input {display: none;} #uc-cart-checkout-form .fieldset-wrapper {padding:15px; overflow:hidden;} td.field-label {padding:0 7px 0 0; vertical-align:middle; text-align:right; } #cart-checkout .content {padding-bottom:20px; } #cart-checkout .description {padding:3px 0 10px 0; font-style:normal; font-size:1em;} table.cart-review {margin:15px 0 0 0; float:left;} #uc-cart-checkout-form legend {text-transform:uppercase; font-size:.95em; color:#333; background-color:#f4f4f4; padding:0 7px; } #cart-checkout .collapsible, #cart-checkout #cart-pane {padding:10px 20px 20px 20px;} #cart-pane, #delivery-pane, #billing-pane, #customer-pane, #quotes-pane, #payment-pane, #comments-pane {border:1px dotted #666; padding:0; margin:15px 0; width:795px; } #delivery-pane, #billing-pane {width:382px; padding-bottom:12px; float:left; clear:none;} #delivery-pane {margin-right:20px;} #delivery-pane .description {padding-bottom:8px;} td.field-label {white-space:nowrap;} #cart-pane legend {color:#0075d9;} #customer-pane, #quotes-pane, #payment-pane, #comments-pane, #customer-pane .form-item, #customer-pane fieldset {clear:both;} #customer-pane label {width:13em; float:left; clear:both;} #customer-pane input {float:left;} #edit-panes-customer-primary-email-confirm-wrapper {margin-bottom:20px; float:left;} #edit-panes-billing-copy-address-wrapper {padding-bottom:5px;} #checkout-form-bottom {} .address-pane-table input, .address-pane-table select {width:235px;} .cart-review {margin:20px 0;} .cart-review th {background-color:#373737;} .cart-review tr.first {text-transform:uppercase;} .cart-review td.qty {font-weight:bold; text-align:center; width:100px;} .cart-review th.products {text-align:left;} .cart-review td.products {width:450px; font-weight:bold; text-align:left;padding-bottom:4px; } .cart-review tr.first {background-color:#ccc; border:0;} #checkout-form-bottom {width:100%; float:right; border:0; } #checkout-form-bottom input {float:right; clear:none;} #checkout-form-bottom input#edit-continue {margin-right:20px;} select#edit-panes-billing-billing-address-select, select#edit-panes-delivery-delivery-address-select {width:190px; margin-bottom:8px;} #quote {padding:15px 0; clear:both;} #edit-cc-exp-year-wrapper {float:left;clear:none; margin-left:10px;} #payment_details td.field-label {width:117px;} select#edit-cc-exp-month {width: 147px;} select#edit-cc-exp-year {width:70px;} input#edit-cc-cvv {width:35px; margin-right:10px;} input#edit-cc-number, input#edit-cc-owner {width:223px;} #line-items-div td {width:90px;} #cart-form-products th, #cart-pane th {text-align:center;} #cart-pane th.price {text-align:right;} #cart-pane th.products {text-align:left; padding-left:15px;} #cart-pane legend {color:#373737;} .collapse-processed a {border:0; cursor:pointer;} #payment-pane label {width:130px;} #edit-panes-payment-payment-method-credit-wrapper label {width:auto;} img.fedex-logo {padding-left:7px;} #line-items-div td {width:auto; padding-right:15px;} #edit-cc-exp-month-wrapper, #edit-cc-exp-year-wrapper, #edit-cc-cvv-wrapper {width:auto;} #payment-pane label, #payment_details td.field-label {width:160px;} #payment-pane label.option {width:auto;} #line-items-div table {width:240px;} #line-items-div table td {padding-right:15px;} #edit-cc-exp-month-wrapper, #edit-cc-exp-year-wrapper, #edit-cc-cvv-wrapper {width:auto;} select#edit-panes-billing-billing-address-select, select#edit-panes-delivery-delivery-address-select {width:220px; margin-bottom:8px;} #edit-panes-delivery-delivery-address-select-wrapper, #edit-panes-billing-billing-address-select-wrapper {clear:none; width:225px;} img.address-book-icon {float:left; clear:none; display:inline;} #payment_details {float:left; clear:both;} #edit-panes-comments-comments-wrapper label {width:auto;} /* SSL Block */ p#ssl {float:right;clear:both; padding-top:5px;} /* ---------------------------------------------------------------------- ORDER REVIEW ------------------------------------------------------------------------- */ #cart-checkout-review p {margin:20px 150px; font-weight: bold;} .order-review-table {width: auto; margin: auto; border: solid 1px #999; font-size: .9em; line-height: 1.4em;} .order-review-table tr {padding-top:10px;} .order-review-table table ul.product-description {width:300px;} .order-review-table table td {padding:5px 20px;} .order-review-table td {padding-top: 0.1em; padding-bottom: 0.2em; } .order-review-table .pane-title-row { text-transform:uppercase; color:#d70983; line-height:2em; text-align: center; font-weight: bold; border: solid 1px #999; background-color: #ddd; padding: .5em 1em; } .order-review-table .title-col {width:250px; text-align:right; font-weight:bold; padding:3px 1em 3px 0; } .order-review-table .data-col { padding-right: 3em; padding-top:10px; } .order-review-table .row-border-top {border-top: solid 1px #999;} .order-review-table .row-border-bottom {border-bottom: solid 1px #999;} .order-review-table .review-button-row {text-align: right; background-color:#f1f1f1; border:solid 1px #999; border-top:2px solid #999;} .order-review-table .review-button-row form {display: inline;} tr.review-button-row input {margin:20px;} tr.review-button-row input#edit-submit {clear:none; float:right;} p.txt_average { width:12.5em; float:left; } /* ---------------------------------------------------------------------- Admin Blocks Page ------------------------------------------------------------------------- */ .section-admin #nav {float:right; width:500px;} .section-admin #nav li {float:left; padding:0 5px;} /* ---------------------------------------------------------------------- Messages ------------------------------------------------------------------------- */ .messages {clear:both; line-height:22px; padding:3px 10px 3px 35px; margin:10px 0; display:block;} .messages p {clear:both;} div.messages ul {margin-top:5px;} div.messages li {float:none; padding:0 0 5px 5px; line-height:1.2em;} div.status, div.warning, div.error, div.success {padding:5px 10px 5px 50px; margin-bottom:1em; font-size:.90em;} div.status, div.success {color:#3b72c1; background:#d0dafd url(info.png) no-repeat 15px center; border:1px solid #d0dafd; -moz-border-radius: 5px; -webkit-border-radius:5px; } div.warning {color:#9c8b00; background:#e5e500 url(alert.png) no-repeat 5px center;border:1px solid #e5e500; -moz-border-radius: 5px; -webkit-border-radius:5px;} tr.error, div.error {color: #f70034; background: #ffe6e6 url(cancel.png) no-repeat 5px center; border:1px solid #ffa4a4;-moz-border-radius: 5px; -webkit-border-radius:5px;} .section-product .messages {width:475px; } /* ---------------------------------------------------------------------- Pager ------------------------------------------------------------------------- */ .pager li {display: inline;} .pager li.pager-current, .pager li a { -moz-border-radius-bottomleft:1px; -moz-border-radius-bottomright:1px; -moz-border-radius-topleft:1px; -moz-border-radius-topright:1px; border:1px solid #90C2E1; margin:0; border: 1px solid #fff; color: #fff; cursor: pointer; font-size: .90em; text-transform: uppercase; outline: 1px solid #9BABB0; -moz-border-radius: 2px; -moz-outline-radius: 2px; -webkit-border-radius: 2px; padding: 2px 4px; text-decoration: none; } .pager a{ background-color:#999; text-decoration:none; color: #000; } .pager a:hover, .pager li.pager-current { background-color:#ccc; text-decoration:none; color: #000; } .pager a, .pager li.pager-current { padding: 2px 4px; } .pager { text-align:center; } .pager li.pager-current { border:0; outline:0; } /* ---------------------------------------------------------------------- Store Locator ------------------------------------------------------------------------- */ .locator-search form {float:left; width:100%; margin-bottom:15px;} .locator-search form select {margin-right:15px;} /* ---------------------------------------------------------------------- Capcha ------------------------------------------------------------------------- */ .captcha {margin-top:15px; float:left; clear:both;} #edit-captcha-response-wrapper span {float:left;} #edit-captcha-response-wrapper .form-required {float:right; padding-left:4px;} #edit-captcha-response-wrapper .description {float:left; width:300px; padding-top: 0;} #edit-captcha-response-wrapper label {width:105px;} input#edit-captcha-response {width:30px; margin-left:10px;} /* ---------------------------------------------------------------------- OUT OF STOCK ------------------------------------------------------------------------- */