/* CSS Document for the "Contemporary Sophistication" 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 #######################*/ a {color:#716558; text-decoration:none; outline:none} a:hover {text-decoration:underline} strong {font-weight:bold} em {font-style:italic} h1 {margin-bottom:15px; font-weight:bold; font-size:1.6em; color:#FFFFFF} h1 a {text-decoration:none; color:#b02626} h2 {margin-bottom:10px; font-weight:bold; font-size:1.25em; text-transform:uppercase; color:#716558; border-bottom:9px solid #716558} h3 {clear:both; font-size:1.15em; font-weight:bold; color:#716558} /*####################### General Layout Styles #######################*/ body {padding-top:5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; background-color:#fff} #wrapper {margin:0 auto; width:820px} #sidebar {float:left; display:inline; margin-right:30px; margin-top:200px; width:120px; overflow:hidden} #navigation li {width:120px; font-size:.85em; text-transform:uppercase; background-color:#3399CC} #navigation li a {display:block; margin-top:1px; width:100px; padding:3px 10px; color:#fff} #navigation li a:hover {background-color:#b02626; text-decoration:none} /*Active States */ #shophome #navigation li .shophome_link {background-color:#b02626; text-decoration:none} #cart_page #navigation li .cart_link {background-color:#b02626; text-decoration:none} #sidebar p {margin-top:15px; font-size:.85em; color:#716558} #content {float:left; display:inline; margin-top:2px; width:670px; overflow:hidden} #content .cart_messages {padding:15px 15px 15px 45px; margin-bottom:15px; font-weight:bold; border:1px solid #B02626; background:#EBF0F1 url(../images/warning_icon.png) 15px 45% no-repeat} #content p, #content ul, #content dl {margin:10px 0; font-size:.9em; line-height:1.15em} #content .item {float:left; display:inline; margin-bottom:10px; padding:20px 0; width:670px; border-bottom:2px dashed #716558} #content .item img {float:left; border:2px solid #c3c3c3} #content .item .item_info {float:right; display:inline; width:520px} #content .price {clear:left; float:left; display:inline; margin-right:45px; font-size:1em} #content .item .discounted {padding-right:15px; color:#B02626} #content .item .list_price {text-decoration:line-through} #content .buylink {float:left; display:inline} #content .buylink input {text-transform:uppercase; font-weight:bold; font-size:.9em} #pagination {clear:both; font-size:.85em} #pagination li {display:inline; margin-right:2px} /*####################### Homepage Styles #######################*/ .home_text {line-height:1.5em} /*####################### Product Detail Styles #######################*/ #product_images {float:left; width:128px} #product_images img {margin-bottom:11px} #product_thumbnails {width:128px} #product_thumbnails li {float:left; display:inline; margin-right:0px; width:125px; height:125px;overflow:hidden} #product_thumbnails .last {margin:0} #content .item #product_thumbnails img {width:125px; height:125px} #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 .options {clear:both; width:270px; padding-top:20px} #product_info .options dt {clear:both; display:block; float:left; display:inline; margin-bottom:5px; width:90px; text-transform:uppercase} #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:.9em} #product_info .options select {width:100%} #product_info .options input {margin-left:5px; width:30px} /*####################### Shopping Cart Styles #######################*/ #content .no_border {border:none;} #cart_list {clear:both; width:100%; margin-bottom:15px} #content #cart_list p {margin:0 0 10px 0} #cart_list .cart_description {width:500px} #cart_list .short_description {font-style:italic} #cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#716558} #cart_list .top_border {border-top:1px dashed #716558} #cart_list .cart_headlines td {padding:5px 10px} #cart_list td {padding:10px; font-size:.9em} #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} #print {clear:both; padding:2px 0 3px 30px; background:url(../images/print_icon.jpg) left top no-repeat} /*####################### Paypal Feedback Styles #######################*/ .paypal_feedback {clear:both; margin:15px 0; padding:15px; border:1px solid #B02626; background:#EBF0F1} .paypal_feedback h2 {width:100%} .paypal_feedback table {margin-bottom:15px} .paypal_feedback table td {padding:5px 5px 5px 0}