/************************************************************************/ /*** CP STYLE MODIFICATIONS and LAYOUT **********************************/ /*** CafePress Premium Shop Template Design ****************************/ /*** copyright 2007 DesignAvatar.com All rights reserved. ***************/ /************************************************************************/ /* LOGO */ #logowrap, #logo { width:500px; /**** logo width *****/ height:87px; /**** logo height *****/ padding:0:margin:0; } #logowrap { position:absolute; top:18px; left:10px; } #logo { position:relative; display: inline;overflow: hidden; } #logo a { float: left; padding: 87px 0 0 0;/**** *****/ overflow: hidden; width:700px; /**** *****/ height: 0px !important; height /**/:87px; /* for IE5/Win *//**** *****/ background:url(http://www.savannatees.com/topclothingtees10.png) 0px 0px no-repeat; /**** *****/ font-size:1px; color: #fff; } #logo span { margin: 0;padding: 0;display: inline; } /* WELCOME INTRO HOME PAGE IMAGE */ div.introimage { width:250px; height:200px; float:left; margin:0 15px 20px 0; border:0px solid #ccc; background:url(http://logo.cafepress.com/7/12615014.6625147.jpg) no-repeat; /**** CHAANGE TO YOUR IMAGE URL *****/ } /***** If you want to turn off the Welcome Image on the home page, just uncomment -- remove the forward slash and asterisk around the code below *****/ /* */ /***** RANDOM FEATURED *****/ #random {padding-bottom:15px;} a#randomimg {display:block;width:150px;height:150px;background-repeat:no-repeat;background-position:50% 0%;background-color:#fff;} /***** BORDER RANDOM AND WELCOME *****/ img.imgr, img.imgl, a#randomimg { border:1px solid #ddd; } /***** If you want to turn off the random image or featured image in the side bar, just uncomment the code below -- remove the forward slash and asterisk around the code below *****/ /* #random, a#randomimg {display:none;} */ html, body{padding:0;margin:0;text-align:center;background:#fff url(none) repeat-x;} img.imgr {float:right;margin:0 0 10px 10px;} img.imgl {float:left;margin:0 10px 10px 0;} /******* HEADLINE COLOR BUTTON COLOR *******/ .pageTitle, .head, p.head, #shopbody h1, #shopbody h2, #shopbody h3, #shopbody h4, #shopbody h5, #shopbody h6, p.largeHeading {color:#017E9F!important;} #addToCartSection input, #ViewCart input, .newsletter input.submit {border:1px solid #017E9F;background-color:#017E9F;} /******* HOVER COLOR BUTTON *******/ #addToCartSection input:hover, #ViewCart input:hover, .newsletter input.submit:hover {border:1px solid #665;background-color:#665;} /* TEXT COLOR */ body, tr,td,caption, p, div, span.smallprint, span.tablebg2, td.tablebg, td.tablebg2, #addToCartSection td.xsmallText input, #ViewCart select, #ViewCart td.tablebg input, #ViewCart td.tablebg2 input, #specials, #joinnews, #joinnews div.sideheader, #shopmenu {color: #665!important;} /* LINK STYLES */ a {outline: none;} a, a:visited {color:#333;} #main a:hover, a:hover, #shopmenu a:hover, a.link:hover {color:#017E9F!important;} a img { border-width:0;} #shopmenu a {color:#665!important;} /* PAGE WIDTH */ #pagewidth,#header, #footer p {width:899px} #topnav {width:880px;} #shopbody {float:right;width:630px;} #shopmenu {float:left;width:170px;padding:0 0 10px 0;} #footer{width:100%;display:block;position:relative;} /* GENERAL STYLES */ p, ul, form, h1, h2, h3, h4, h5, h6 {margin:0 0 18px 0;padding:0;} .maincol p, .maincol ul, .maincol form {font-size:12px;line-height:170%} #shopbody ul li, div.smallText li {list-style-type: square;} #shopbody ul {margin-left:50px;} hr {border: none 0;border-top: 0px solid #f8f8f8; background-color: #FFFFFF;width: 100%;height: 0px;} /*******GLOBAL RESET TO SET ALL FONTS*******/ * {font-family: Arial, Helvetica, Geneva, sans-serif !important;} /* HEADLINES */ .pageTitle, .head, p.head, p.largeHeading {font-size:18px!important;font-weight:normal;line-height:150%;display:block;margin:0 0 18px 0!important;} #shopbody h1 {font-size:22px!important;margin:0 0 15px 0!important;} #shopbody h2 {font-size:19px!important;} #shopbody h3 {font-size:16px!important;} #shopbody h4 {font-size:14px!important;} #shopbody h5 {font-size:12px!important;} #shopbody h5 {font-size:10px!important;} /* TOP NAVIGATION */ #topnav{margin:0;overflow: hidden;position:absolute;left:10px;bottom:-10px;height:41px;text-align:left;font-size:12px;line-height:16px;} #topnav ul{list-style-type: none;margin: 0;float:left;padding: 0;} #topnav li{border-left: 1px solid #85DBE6;float: left;line-height: 1.0em;margin: 0 .5em 3px -.5em;padding: 2px .5em 3px .5em;background:none;} #topnav a,#topnav a:visited {color:#665;text-decoration:none;} #header #topnav li a:hover {color:#017E9F!important} /**** LAYOUT *****/ #outterpagewrapper {width:100%;background:#fff url(http://www.savannatees.com/images/mainbg.gif) repeat-x;} #pagewrapper {width: 100%;background:url(http://www.savannatees.com/images/bgwrapper.gif) 50% 0% no-repeat;} #pagewidth{text-align:center;margin:0 auto;position:relative;} #header{position:relative; height:296px;background: url(http://www.savannatees.com/clothingtees8.png) 50% 88px no-repeat;} .maincol{width:870px;display:block;padding:20px 0 40px 0;position: relative;margin:0;background:url(none) left repeat-y;} .wrapper1{text-align:left;width:100%;margin:0 0;padding:0;background:url(none) top left no-repeat;} .wrapper2{width:100%;padding:0;background:url(http://www.savannatees.com/images/sidebar-bg-btm.gif) 50% 100% no-repeat;} /***** FOOTER ******/ #footer {clear:both;padding:0;display:block;position:relative;clear:both;background: url(none) 50% 0% no-repeat;} #footer p {margin:0 auto;padding:10px 0 0 0;display:block;font-size:10px!important;word-spacing:1px!important;color:#665!important;} #footer, #footer a, #footer a:visited, td.footer, td.footer a, td.footer a:visited, td.footer a:link {color:#665!important;line-height:16px;font-size:10px!important;text-decoration:none;} #footer p a:hover, td.footer a:hover {color:#017E9F!important;} /***** CLEAR FIX ******/ .clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;} .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*******There's a strange, additional p tag before the content appears, pushing the home page down. This removes its effect *******/ #main p {margin:0!important;padding:0!important;} /*******By enclosing the paragraph in another div, this puts the proper spackign back in *******/ #pfix p {margin:0 0 20px 0!important;line-height:160%;font-size:13px} /***** SIDE BAR AND SIDE NAVIGATION AND FIXES FOR REPLACING THE DEFAULT ARROW*****/ span#sidebarnav .smallsidebartext {text-indent:-3000px;display:block;float:left;width:18px;background:url(http://www.savannatees.com/images/bullet.gif) 0% 2px no-repeat;} span#sidebarnav .smallsidebartext a.cpshopsidebarlink {display:block;padding:0 0 0 1px;width:150px;height:auto;text-indent:-1px;background:url(http://www.savannatees.com/images/side-bg-links.jpg) repeat; color: #ffffff;} span#sidebarnav .smallsidebartext td td {background:none; color: #ffffff;} span#sidebarnav .smallsidebartext td td td {width:1px;display:block;background-image:none; color: #ffffff;} #shopmenu a {text-decoration:none !important} .smallsidebartext a, #shopmenu {font-size:12px; color: #ffffff;} span#sidebarnav td {padding:0 0 5px 0; color: #ffffff;} span#sidebarnav table {border-collapse:collapse;padding:0px;margin:0;width:185px; color: #ffffff;} span#sidebarnav table tr td td td {width:1px;display:block;background-image:none; color: #ffffff;} #shopmenu h4, #shopmenu h3 {font-size:12px;display:block;margin:0 0 5px 0;text-transform:uppercase;color:#017E9F;padding:0;} #shopmenu h3 {font-size:16px;} div.browseproducts {margin:20px 0 5px 0;} div.storeinformation, span.categories {} div#productdropdown {display:block;width:100%;margin:0;height:30px;overflow:hidden;} div#productdropdown select {width:150px;} div#productdropdown td {display:block;height:25px;} #shopmenu ul{margin-left: 0;padding-left: 0;list-style: none;} #shopmenu ul li {padding-left: 19px;background-image: url(http://www.savannatees.com/images/bullet.gif);background-repeat: no-repeat;background-position: 0 4px;} div.sideheader { display:block; margin:0 0 10px; width:170px; padding-left: 25px; } div.joinnewsletterside {display:none;}/***** JOIN NEWSLETTER SIDE BAR IS NOT DISPLAYING IT'S IN THE TOP NAVIGATION *****/ #shopmenu div.orderbyphone h4 {text-transform:uppercase;margin:0 0 2px 0;padding:0;font-size:12px!important;} div.orderbyphone {margin:10px 0 20px;padding:5px 0 0 25px;} /***** TABLES AND TD STYLES *****/ td {padding:0;margin:0} td {font-size:11px;} #main table {width:100%;margin:0 6px 0 0px; text-align:left} #main td {font-size:12px!important;} div #main td {padding: 0 6px 12px 6px;} div #main td tr td {padding: 0 !important} div #main td div span.storesmallprint {font-size:11px;margin:5px 0 15px 0;display:block;line-height:150%;} div #main td a {font-size:12px;text-decoration:none;} table {border-collapse:collapse;} /***** TABLE CATEGORY AREA *****/ div.imageborder div img, div.imageborder div {display:none;}/****** Get Rid of the More Colors Graphic, it throws off the space. *******/ /****** To show this again, just remove the "display:none" *******/ /*****#main div.imageborder div {background:url(http://www.savannatees.com/images/http://www.designavatar.com/cptempimgs/more-colors.jpg) center top no-repeat;display:block!important;height:12px!important;}Replacing More Colors *******/ /*div.imageborder a img {padding:15px 3px 2px 3px!important;}*/ img.imageborder {margin-bottom:8px;} /***div#main table tbody tr td a {padding-top: 10px!important;}*/ /*******BREAD CRUMB STYLES *******/ p.storesmallprint, p.storesmallprint a:link, p.storesmallprint a:visited, p.storesmallprint b, p.breadCrumb, p.breadCrumb a:link, p.breadCrumb a:visited, p.breadCrumb b {font-size:9px !important;padding:0 0 5px 0!important;font-weight:normal;text-decoration:none!important;} p.breadCrumb, p.storesmallprint {border-bottom:1px solid #eee;font-weight:normal;width:100%;} #main p.storesmallprint, p.storesmallprint {margin:0 0 20px 0!important} /*******PRODUCT DETAIL PAGE *******/ #container p {margin:-5px 0 15px 0!important;} #container {margin:5px 0 0 0;line-height:170%;float:right;width:375px;} #container #productInfo #miscNotes {line-height:14px!important;} #container #productInfo ul {font-size:11px!important;} #container #priceDiv {margin:-10px 0 10px 0;padding:10px 0 0 0;} td.xsmallText span.xsmallText b a {font-size:12px;text-decoration:none;width:175px;display:block;padding:3px;border:1px solid #ccc;background:#f8f8f8!important} td.xsmallText span.xsmallText b a:hover {font-size:12px;text-decoration:none;width:175px;display:block;padding:3px;border:1px solid #ccc;background:#fff!important} /*******CHECK OUT PAGE AND FORMS*******/ .checkoutbg {background-color: #fff;} .alertmessage {color: #ff0000;font-size:16px;font-weight:bold;} #ViewCart table td {border:1px solid #fff;} td.tableheaderbg {background-color:#665!important;color:#fff!important;padding:3px;border:1px solid #fff!important;} #ViewCart td.tableheaderbg {background-color:#665!important;color:#fff!important;padding:3px;} #ViewCart td {line-height:120%!important;padding:3px!important;} form select, form input {border:1px solid #ccc;padding:2px 0;text-align:center;} form select {text-align:left;} #addToCartSection input, #ViewCart input, .newsletter input.submit {color:#fff!important;font-weight:bold;margin:2px 0 0 10px!important;} td.tablebg, td.tablebg2 {padding:5px!important;border:1px solid #fff!important;background:#f8f8f8!important;} #addToCartSection td.xsmallText input {border:1px solid #ccc!important;background-color:#fff!important;color:#333!important;margin:0!important;} #ViewCart select, #ViewCart td.tablebg input, #ViewCart td.tablebg2 input {border:1px solid #ccc!important;background-color:#fff!important;color:#665!important;padding:2px!important;margin:2px!important;} .tablebg {background-color:#fff!important} form#ViewCart td.tablebg {background-color:#f8f8f8 !important;padding:3px!important;} form#ViewCart td.tablebg2, form#ViewCart span.smallprint span.tablebg2 {background-color:#eee !important;padding:3px!important;} table#StaticShippingTable td {border:none!important} span.cartETA {color:#000!important;font-weight:bold!important;border:1px solid #fff;padding:0 2px;background:#fff;} /*******NEWSLETTER SIGN UP FORM*******/ .newsletter {width:100%;} .newsletter div.r {text-align:right;margin:4px 0 0 0;display:block;width:100%;} .newsletter span {font-size:10px;line-height:15px;display:block;margin:0 0 3px 0;} .newsletter input.email {text-align:left;width:100%;} input[type="text"] /* To keep form fields consistent when FireFox overrides them*/ {background: #fff!important;} /*******CAFEPRESS BAR, ORDER STATUS REPLACE, AND OTHER FIX UPS*******/ td div.orderstatus {border: 0px none !important; background-image:url(http://www.designavatar.com/tmpimgs/cptempimgs/order-status.jpg)!important;background-position: top right; background-repeat:no-repeat;line-height:150%!important;} .cafepressbar, .cafepressbar td, .cafepressbar td table, .cafepressbar td table td {border: 0px none !important;background: #FFFFFF !important;padding:2px 3px 0 3px;} .cafepressbar td, .cafepressbar td a:link, .cafepressbar td a:visited {font-size:10px;color:#777 !important;} .cafepressbar td a {text-decoration:none;} .cafepressbar img{filter:progid:DXImageTransform.Microsoft.Chroma(color=#FFFFFF)progid:DXImageTransform.Microsoft.BasicImage(mask=0,maskColor=#FFFFFF);border:0px;} /*******TOGGLE SYLES*******/ #specials, #joinnews {position:absolute;top:296px;left:170px;z-index:200000;border:1px solid #ddd;width:350px;height:250px;background:#fff;text-align:center;overflow:hidden;} #specials a, #joinnews a {color:#fff!important;} #joinnews {top:296px;left:200px;z-index:500000;width:350px;height:300px;overflow:hidden;} div.toggleheader {display:block;line-height:22px;text-align:center;} a.closelink {display:block;height:22px;width:100%;color:#fff;font-weight:bold;font-size:12px;letter-spacing:1px; text-decoration:none;border-bottom:1px solid #fff;background:#017E9F;} #coupon {margin:15px 0;font-size:14px!important;} #coupon h4 {font-size:18px!important;} #joinnews div.sideheader {font-size:12px;text-align:left;display:block;margin:40px auto 0 auto;width:250px;} .sidebartable {margin: 0 0 0 20px; padding: 0; width: 170px; color: #fff;} #shopmenu .smallsidebartext { color: #fff; visibility: hidden; } b .activesmallsidebartext, .activesmallsidebartext { line-height: 160%; text-decoration: none; visibility: visible; } a.sidebarlink:link, a.sidebarlink:active, a.sidebarlink:visited { text-decoration: none; width: 160px; visibility: visible; display: block; } a.cpshopsidebarlink:link, a.cpshopsidebarlink:active, a.cpshopsidebarlink:visited { background-image: url(http://www.savannatees.com/images/bullet.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; width: 150px; overflow: visible; visibility: visible; padding-top: 7px; padding-bottom: 7px; padding-left: 18px; border-bottom: 1px solid #efefef; display: block; } a.cpshopsidebarlink:hover, a.sidebarlink:hover { color: #fc0; text-decoration: none; }