/* CSS Document for the "Blue Skies" CoffeeCup Software E-Commerce Template Copyright 2008 CoffeeCup Software - coffeecup.com */ /*############################################################## Eric Meyer's Latest version of Reset.css (includes Baseline) ##############################################################*/ 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img {border: 0} table {border-collapse: collapse; border-spacing: 0} ol, ul {list-style: none} q:before, q:after, blockquote:before, blockquote:after {content: ""} /*####################### Element Styles #######################*/ body {font-size:13px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#464646; background:#fff url(../images/body_bg.jpg) left top repeat-x} a {outline:none; color:#0fb1d4} a:hover {text-decoration:none} strong {font-weight:bold} em {font-style:italic} h2 {margin-bottom:15px; font-size:1.5em; font-weight:bold} #sidebar h2 {margin-bottom:5px} h3 {clear:both; margin-bottom:15px; font-size:1.15em; font-weight:bold} /*####################### Layout Styles #######################*/ #wrapper {width:960px; margin:0 auto} #header {width:960px; float:left} #header img {float:left; display:inline; margin:10px 0} #header h1 {float:left; display:inline; margin:50px 0 10px 15px; font-size:2em; font-weight:bold; color:#fff} #header h1 a {text-decoration:none; color:#fff} #content_wrapper {width:960px; float:left; background-color:#fff} #content_wrapper h2 {float:left; display:inline; width:779px; margin:1px 0 0 1px; padding:15px; color:#fff; background-color:#4dde61} #sidebar {float:right; display:inline; overflow:hidden; padding-bottom:25px; width:150px; background-color:#fff} #navigation {list-style-type:none; width:130px; margin:10px} #navigation li {width:130px; font-size:1.1em} #navigation li a {display:block; width:85px; padding:10px 15px 10px 30px; text-decoration:none} #navigation .home_link a {background:url(../images/home_icon.jpg) 5px 50% no-repeat} #navigation .home_link a:hover {color:#fff; background:#0fb1d4 url(../images/home_icon_hover.jpg) 5px 50% no-repeat} #navigation .shophome_link a {background:url(../images/shophome_icon.jpg) 5px 50% no-repeat} #navigation .shophome_link a:hover {color:#fff; background:#0fb1d4 url(../images/shophome_icon_hover.jpg) 5px 50% no-repeat} #navigation .cart_link a {background:url(../images/cart_icon.jpg) 3px 50% no-repeat} #navigation .cart_link a:hover {color:#fff; background:#0fb1d4 url(../images/cart_icon_hover.jpg) 3px 50% no-repeat} #navigation .categories_link a {background:url(../images/category_icon.jpg) 6px 50% no-repeat} #navigation .categories_link a:hover {color:#fff; background:#0fb1d4 url(../images/category_icon_hover.jpg) 6px 50% no-repeat} /*Active States */ #shophome #navigation .shophome_link a {color:#fff; background:#0fb1d4 url(../images/shophome_icon_hover.jpg) 5px 50% no-repeat} #cart_page #navigation .cart_link a {color:#fff; background:#0fb1d4 url(../images/cart_icon_hover.jpg) 3px 50% no-repeat} #group_page #navigation .categories_link a {color:#fff; background:#0fb1d4 url(../images/category_icon_hover.jpg) 6px 50% no-repeat} /* Drop-Down Category Menu */ #navigation .categories_link {position:relative} #group_list {position:absolute; top:auto; left:-999em; width:100%; background-color:#0fb1d4} #navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0} #navigation #group_list li {width:auto; margin:0; border:none; text-transform:none; font-size:.85em; background:none} #navigation .categories_link #group_list li a {display:block; padding:10px; text-decoration:none; color:#fff; background:none} #navigation #group_list li a:hover {text-decoration:underline; border:none} /* Cart Summary */ #cart_summary {width:130px; margin:10px; font-size:.85em} #cart_summary h3 {margin:30px 0 15px 0; padding-top:35px; border-top: 1px solid #f3f3f3; font-weight:bold; font-size:1.5em; color:#5ad66b} #cart_summary_list {margin-left:20px; list-style-type:decimal} #cart_summary_list li, #cart_summary p {margin:10px 0; font-style:italic} #cart_summary_list li a {display:block; padding:5px; color:#464646; text-decoration:none} #cart_summary_list li a:hover {background-color:#f3f3f3} #sidebar .checkout_button {margin:0; background:#0fb1d4} #sidebar .checkout_button a {display:block; padding:8px 0; width:100%; text-align:center; text-decoration:none; font-weight:bold; color:#fff} #sidebar .checkout_button a:hover {background-color:#18bbde} #branding {clear:both; width:130px; margin:30px 10px 15px 10px; padding-top:35px; border-top: 1px solid #f3f3f3; font-size:.85em; line-height:1.3em} #branding a {text-decoration:none; font-style:italic} #branding a:hover {text-decoration:underline} #content {float:left; display:inline; overflow:hidden; width:780px; padding:10px 15px 0 15px; background:#fff url(../images/content_bg.jpg) right bottom repeat-y} #content .cart_messages {padding:15px 15px 15px 45px; margin-bottom:15px; font-size:1.25em; font-weight:bold; border:1px solid #F39B2A; background:#EBF0F1 url(../images/warning_icon.png) 15px 45% no-repeat} #item_list {clear:both; float:left; display:inline; margin:15px 0 30px 0; width:780px} #item_list .item {float:left; display:inline; margin-right:20px; width:168px; height:200px} #item_list .item img {float:left; display:inline; width:77px; height:77px; margin:0 5px 5px 0; border:2px solid #c3c3c3} #item_list .item .price {float:left; display:inline; margin-bottom:10px; font-weight:bold; font-size:1.25em} #item_list .item .discounted {color:#f39b2a} #item_list .buylink input {margin-top:5px; font-size:.85em} #item_list .item .description {clear:both; margin-bottom:27px} #item_list .item .description a {text-decoration:none} #item_list .item .description a:hover {text-decoration:underline} .title {font-weight:bold} .short_description {font-style:italic; font-size:.95em} /*####################### Homepage Styles #######################*/ .home_text {line-height:1.5em} /*####################### Shopping Cart Styles #######################*/ #cart_list {clear:both; width:100%; margin-bottom:15px} #cart_list .cart_description {width:400px} #cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#0fb1d4} #cart_list .top_border {border-top:1px solid #0fb1d4} #cart_list .cart_headlines td {padding:5px 10px} #cart_list td {width:65px; padding:10px} #cart_list td input {width:60px} #cart_list #delete_button {clear:both; float:left; margin-top:5px; width:auto} #cart_list td img {float:left; display:inline; margin-right:5px; width:53px; height:53px;} #cart_list td p {margin-bottom:10px} #cart_list .cart_total {font-weight:bold; font-size:1.25em; text-transform:uppercase} /* Checkout Buttons */ .checkout {float:right; display:inline; margin-bottom:15px} .recalculate {float:left; display:inline; margin:0 5px 15px 0} /*####################### Paypal Feedback Styles #######################*/ .paypal_feedback {clear:both; margin:15px 0; padding:15px; border:1px solid #F39B2A; background:#EBF0F1} .paypal_feedback h2 {width:100%} .paypal_feedback table {margin-bottom:15px} .paypal_feedback table td {padding:5px 5px 5px 0} #print {clear:both; padding:2px 0 3px 30px; background:url(../images/print_icon.jpg) left top no-repeat} #print a {text-decoration:none} #print a:hover {text-decoration:underline} /*####################### Product Detail Styles #######################*/ #product_images {clear:both; float:left; display:inline; width:220px; margin:15px 0 30px 0} #image_full {padding:4px; border:1px solid #c3c3c3; background-color:#efeeee; width:204px} #product_thumbnails li {float:left; display:inline; padding:3px; width:98px; height:96px; margin:3px 3px 0 0; border:1px solid #c3c3c3; background-color:#efeeee} #product_thumbnails img {width:98px} #product_info {float:right; display:inline; margin-top:15px; width:535px; font-size:1em} #product_info p {clear:both; margin-bottom:15px; line-height:1.5em} #product_info ul {clear:both; margin:15px 0 15px 25px; line-height:1.5em; list-style-type:disc} #product_info ol {clear:both; margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal} #product_info .pricing dt {clear:both; display:block; float:left; display:inline; margin-bottom:15px; width:20%; text-transform:uppercase; font-weight:bold} #product_info .pricing dd {float:left; display:inline; width:80%; margin-bottom:15px} .list_price {text-decoration:line-through} .your_price {font-weight:bold; color:#f39b2a} .discount {padding-left:10px; font-weight:normal; color:#000; font-style:italic} #product_info .options {clear:both; width:270px; padding-top:20px; border-top:1px solid #c3c3c3} #product_info .options dt {clear:both; display:block; float:left; display:inline; margin-bottom:5px; width:90px; text-transform:uppercase; font-weight:bold} #product_info .options dd {width:100%; float:left; display:inline; margin-bottom:15px} #product_info .options .quantity, #product_info .options .weight {width:180px} #product_info .options select, #product_info .options input {font-size:11px} #product_info .options select {width:100%} #product_info .options input {margin-left:5px; width:30px} #product_info .buylink {clear:both; float:left; margin-top:15px} #product_info .buylink input {width:120px; font-weight:bold}