Test Site

test cart

| */ /* Use this with templates/template-twocol.html */ #navbar-iframe {display:none;} body { color: black; font: 14px/1.6 Arial,Verdana,sans-serif; margin: auto; width: 940px; } a, a:link, a:active { color: #555; text-decoration: none; } a:visited { text-decoration:none; } a:hover { color: #111; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { height: 140px; margin: 0 auto; width: 940px; } #header { text-align: left; color:$pagetitlecolor; overflow: hidden; height:140px; width: 400px; float:left; } #header h1 { color: #000000; font-size: 40px; font-weight: bold; line-height: 1.2em; margin:40px 0 40px; } #header a { text-decoration:none; } #header a:hover { } #header .description { display:none; } #header img { margin: 40px 0; } #topads { width:480px; overflow:hidden; float:right; padding-bottom:33px; padding-top:35px; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 100%; margin:0 auto; text-align:$startSide; } #content-wrapper { margin: 0 auto; overflow: hidden; width: 960px; } #main-wrapper { float: left; width: 715px; margin: 8px 0 0; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 225px; float: left; margin:8px 0 0; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } /* Navigation ----------------------------------------------- */ #navigation { background: none repeat scroll 0 0 #555555; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; clear: both; display: block; height: 22px; margin-bottom: 15px; padding: 10px; } #navigation h2 { display: none; } #navigation ul { margin:0; padding:0; list-style:none; } #navigation li { float: left; list-style: none; padding: 0 30px; } #navigation li a { color: white; font-weight:bold; text-decoration: none; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { padding: 15px; width: 660px; } .post .jump-link { display:none; } .post h3 { line-height: 30px; margin: 0 0 20px; padding: 0 0 5px; } .post h3 a, .post h3 a:visited, .post h3 strong { font-size:30px; font-weight:bold; } .post h3 strong, .post h3 a:hover { text-decoration:none; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { padding:5px; } .post img { padding:4px; max-width:580px; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments { width: 675px; } #comments h4 { margin:1em 0; font-weight: bold; font-size:20px; line-height: 1.4em; } #comments a { font-weight:bold; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comment-box{ border-bottom: 1px dashed #D9D9D9; margin-bottom: 10px; padding: 10px; } #comments-block .comment-author { margin:.5em 0; padding:4px; } #comments-block .avatar-image-container img { } #comments-block .comment-body { margin-top: -10px; padding:4px; } #comments-block .comment-footer { margin:-.25em 0px 0; line-height: 1.4em; text-transform:uppercase; padding:4px; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .navigation { clear: both; font-size: 1em; font-weight: bold; margin-bottom: 50px; padding: 5px; width: 685px; } #blog-pager-newer-link { float: left; clear:both; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; margin:0 auto; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ #sidebar { width: 100%; } .sidebar { line-height: 1.5em; } .sidebar h2 { border-bottom: 1px dashed #d9d9d9; color: #000000; font-size: 18px; font-weight: bold; margin: 0 0 12px; padding-bottom: 10px; text-align: center; } .sidebar a { } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { display: block; line-height: 1.3em; margin-bottom: 5px; text-decoration: none; } .sidebar li a { } .sidebar li a:hover { } .sidebar .widget, .main .widget { margin:0 ; padding:0; } .sidebar .widget { margin: 0 0 15px; border: 1px solid #d9d9d9; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; float: left; padding: 10px; width:205px; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer-wrapper { clear:both; overflow:hidden; width:100%; border: 1px solid #d9d9d9; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } #footer { font-size:14px; margin:0 auto; text-align:left; width:960px; padding-left:20px; } #footer-wrapper .widget { float:left; margin:10px; width:185px; padding:0px 10px 20px; } #footer-wrapper .widget-content { } #footer-wrapper ul li { } #footer-wrapper ul li:hover { } #footer-wrapper ul { padding-bottom:2px; list-style:none outside none; margin:0; padding:0; } #footer-wrapper a { } #footer-wrapper a:hover { } #footer-wrapper h2 { border-bottom: 1px dashed #d9d9d9; color: #000000; font-size: 18px; font-weight: bold; margin: 0 0 12px; padding-bottom: 10px; text-align: center; } #credits { padding:12px 0; width: 940px; margin: 1px auto; color: #868686; position: relative; font-size: 11px } #bottomLinks { float: right; width: 450px } /* Simple Cart ----------------------------------------------- */ #add-to-cart-widget { border: 1px solid #d9d9d9; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; float: left; margin: 0 0 18px; padding: 10px; width: 205px; } #add-to-cart-widget h2 { font-size: 100%; font-weight: normal; margin: 0 0 10px; text-align: center; } .item_name{} .item_Description{ } .hidden_value {display:none;} .item_thumb { padding: 10px; } .item_price{ display: block; width: 100px; height: 20px; position: absolute; bottom: 7px; padding:5px 10px; left:10px; color:#000; font-size:13px; text-align:left; border: 0 none; } .simpleCart_items { border: 1px dashed #D9D9D9; font-size: 80%; min-height: 120px; padding: 10px; display: block; margin-left: 0 auto 10px; overflow:hidden; } .simpleCart_items img { padding: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #D9D9D9; text-align: left; width:40px !important; height:40px !important; } .cartHeaders{ display:none; } .itemContainer{ float:left; width:175px; text-align:center; display: block; position:relative; bottom:0; } .itemname{ font:bold 11px "Helvetica", Arial, sans-serif; color:#000; text-transform:uppercase; } .itemthumb{ float: left; margin: 0; width: 58px; } .itemQuantity{ float: left; margin: 6px 0; width: 35px; } .itemQuantity input{ border: medium none; color: #000000; float: left; font: bold 11px Arial,sans-serif; height: 22px; padding: 5px 10px; text-align: center; width: 35px; } .itemQuantity input:focus{ outline:none; } .itemremove a { color: red; float: left; font-weight: bold; margin: 12px 0 0 10px; } .itemTotal{ color: #000000; float: left; font: bold 11px Arial,sans-serif; margin: 15px 0 0 10px; padding: 0; text-align: right; width: 55px; } #cartTotal { font-style: normal; font-size:13px; text-align:center; font-weight:bold; margin: 10px 0; } #cartTotal .simpleCart_total { font-weight:normal; } a.simpleCart_empty{ background: none repeat scroll 0 0 #D9D9D9; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; color: black; display: block; font-size: 14px; padding: 10px; text-align: center; text-decoration: none; color:#000; float: left; width: 72px; margin: 0 15px 0 0; } a.simpleCart_empty:hover { background:#333; color:white; } .cartbuttons { margin: 10px 0 0 0; } a.simpleCart_checkout { background: none repeat scroll 0 0 #D9D9D9; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; color: black; display: block; font-size: 14px; padding: 10px; text-align: center; text-decoration: none; color:#000; float: left; width: 72px; } a.simpleCart_checkout:hover { background:#333; color:white; } a.item_add{ bottom: 7px; color: #000000; display: block; font-size: 13px; font-weight: bold; position: absolute; right: 15px; width: 120px; } input.item_add{ bottom: 9px; font-size: 11px; position: absolute; right: 15px; width: 90px; } #checkout{ background: #D9D9D9; padding: 10px; color: black; text-decoration: none; font-size: 80%; display: block; text-align: center; -moz-border-radius: 5px; /* firefox rounded corner top left */ border-radius: 5px; /* firefox rounded corner top left */ -webkit-border-radius: 5px; /* Safari 3 rounded corner top left */ } #checkout:hover{ background: #333333; color: white; } ]]>