/* ****************************************** ********************************************* SILK ROAD TEAS LAYOUT CSS DOCUMENT SILK ROAD TEAS (c)2007 By FuzzProductions ********************************************* ****************************************** */ /* ------------- GLOBALS ---------------- */ body {background: url(images/bg) repeat-x #ffda8c;} a img {border:none;} .floatL {float:left;} .floatR {float:right;} ul, li {margin:0; padding:0; list-style:none;} .ImgBorder_mps {border: 1px solid #c6c6c6;float:left;} .hol_ImgBorder_mps {border: none;float:left;} .ImgBorder {border: 1px solid #c6c6c6;} form {padding:0;} .height200 {height:200px !important;} /* Use for marking tea as organic ********/ #attr2 { background: url(../images/organic.jpg) no-repeat !important; width: 125px; height: 20px; display: block; position: absolute; margin:0; } /* Use for marking tea as new ********/ .newtea { background: url(../images/newtea.png) no-repeat !important; width: 137px; height: 40px; display: block; float: left; position: absolute; margin: -40px 0 0 10px; } .newteawhite{ background: url(../images/newteawhite.jpg) no-repeat !important; height: 40px; width: 137px; display:inline; } .newtea span, .newteawhite span { display: none; color: navajoWhite; } /* ------------- CONTENT ---------------- */ table { font-size:0.9em; } #content{width: 850px; margin: auto; padding: 10px 0 0 0;} #logo { height:108px; background: #d03e24; float: left; } /*#nav {height: 25px;} #nav a:hover {text-decoration:none;}*/ ul.categories {float:left; display:inline; list-style-type:none; margin:0; padding:0; height:25px;} ul.categories li {float:left; margin:0; padding:8px 0; height:9px;} .shoppingcart {float:right; margin:5px 0 0 0;} #body { float:left; background:#ffffff; min-height:400px; width:830px; padding:10px; } #index { float:left; background:#d03e24; min-height:400px; width:850px; font-size:1.1em; } #index h1, #index p a { color:#000000; } #index p a { text-decoration:underline; } #header { border-bottom:dotted 2px #a3371b; margin:0 0 10px 0; float:left; width:830px; } h1.category { float:left; } h2.list_link { float:right; } #hol_free_shipping { background:transparent url(images/free_shipping.jpg) no-repeat scroll 0 0; float:left; height:83px; left:290px; position:relative; top:-85px; width:221px; z-index:0; } #free_shipping { background:transparent url(images/free_shipping.jpg) no-repeat scroll 0 0; float:left; height:83px; left:290px; position:relative; top:-85px; width:221px; z-index:0; } #productDesc { } #productDesc p{ margin:0 0 12px; } #homepage { width:400px; height: 600px; float:left; } #homepage_text { width: inherit; height: 377px; } #specials { margin:0; } #homepageImg {width:450px; float:left;} ul.addtocart { display:block; margin:8px 0 10px 0; float:left; width:100%; /* height: 75px; */ font-size:.9em; } ul.addtocart li { display:inline; float:left; width:auto; margin:20px 4px 0 4px; } ul.addtocart li.price { /* padding: 3px 0 0 0; */ margin:20px 4px 0 4px; } ul.addtocart li.qty1 { margin:20px 4px 0 4px; } ul.addtocart li.attr1 { margin:20px 4px 0 4px; } ul.addtocart li.addbtn { margin: 5px 0 0 0; } input.add_to_cart { border:none; background: transparent; font-family:"Times New Roman", Times, serif; color:#A3371B; } #productName { float:none; margin:0 0 10px 0; width:100%; } #product_listing { /*float:left;*/ width:780px; margin:auto; } .product, .productGW, .featuredproduct { float:left; margin:0 20px 10px 20px; text-align:center; width:150px; height:186px; } .featuredproduct { margin:0 5px 10px; } .mp_featuredproduct { float:left; margin:0 5px 15px; width:503px; } .hol_mp_featuredproduct { background-color:#EFECE0; float:left; margin:0 5px 15px; padding:10px 0 0; width:820px; } .mp_featuredproduct a { float: left; } .productGW { margin:0 10px 10px 10px; } .product a img { display:inline; } .shortinfo { list-style-type:none; text-align:center; } .mp_shortinfo li { float:left; width:353px; font-size:0.85em; } .hol_mp_shortinfo li { width:500px !important; } .mp_shortinfo { float: left; list-style-type:none; margin-left: 10px; text-align: left; width:353px; } .hol_mp_shortinfo { width:500px !important; } .mp_shortinfo p { margin-left: 0; } .upperPgNum { float:right; } #pagenum { text-align:right; float:left; width:100%; height:20px; margin:0 0 10px 0; font-size:1.2em; } p.pages { width:auto; float:right; margin:0 4px 0 0; } p.pagenumbers { width:auto; float:right; margin:0 8px 0 0; } .selectedteas { margin:10px 0; } #productWrap { float:left; width:100%; width:810px; padding:10px 10px 0 0; } #productInfo,#productInfoGateway { float:left; padding:0 0 0 20px; } #productInfo { width:490px; } #productInfoGateway { width:490px; } #productImg { float:left; width:300px; } #CustOptions { float:left; margin:10px 0 0 50px; } #organicText { float: left; width: 100%; } #organicText p { margin: 0; } /* ARTICLE STUFF */ #article { width:830px; } .articleImage { margin:10px; } #footer { float:left; width:100%; /* height: 20px; */ background: #ffda8c; text-align: center; padding:10px 0; } /* Header Link Stuff*/ #links { width: 330px; float: right; text-align: right; margin:10px 8px 0 0; } #links p { float: right; height: 18px; } #links p a.personal_link { display: block; margin: 3px 0 0 0; float: left; } #links p a.provinces_link { line-height: 30px; display: block; margin: 45px 10px 0 0; float: left; } /* Cart checkout styles */ /* top table id="cartItems top row id="topRow" */ #cartItems { } #cartItems tr.item { background: #fffbf2; } #cartItems tr.item td { border: 1px solid #f6f5f1; text-align: center; } #topRow { background: #fee7b1; border: 1px solid #fee7b1; text-align: center; } /* =SAMPLERS */ .sampler { float:left; } .samplerImg { float:left; } .samplerTitle { float:left; margin:5px 20px 10px; width:360px; } .samplerDesc { float:left; width:360px; } .cartInfo { float: left; width:360px; } .cartInfo form { margin: 0 0 0 20px; } /* =Holiday */ .holiday { float:left; margin: 0 0 40px 0; } .holiday h2 { color: #000000; } .holidayImg { float:left; } .holidayTitle { float:left; margin:5px 20px 10px; width:360px; } .holidayDesc { float:left; width:360px; } .holiday .cartInfo { float: left; width:360px; } .holiday .cartInfo form { padding:0 0 0 0px; } .holiday .addbtn { display: block; margin-left: 0px; margin-top: 10px; } /* =maps */ #mapsSub{ border-bottom:2px dotted #A3371B; float:left; margin:0 0 10px; width:830px; padding:0 0 12px 0; text-align:center; } #mapsSub a{ font-size:17px; color:#A3371B; font-weight:normal; padding:0 5px; } .province { float:left; width:100%; border-bottom:1px dotted #A3371B; margin-bottom:15px; } .provinceBackLink{ width:100%; text-align:right; } .provinceBackLink a{ font-size:16px; } .provinceLeft{ float:left; width:305px; } .provinceLeft p { margin:0 0 12px; } .provinceRight{ float:left; width:505px; } .provinceName{ margin-bottom:4px; margin-left: 20px; } .provinceName_left{ margin-bottom:12px; } .provinceMap{ margin-bottom:10px; } .subRight{ float:left; width:360px; } .provinceRight .sampler{ margin-bottom:15px; } .provinceRight .sampler .samplerImg{ margin-left:20px !important; margin-top:8px !important; } .sampler .subRight .cartInfo form .attr1 { margin-bottom:8px; padding-left:0; } .sampler .subRight .cartInfo form #attr2 { position:relative; margin-bottom:4px; } .addbtn{ margin-left:0px !important; } /* MPS */ #hol_productInfoGateway p { margin:0 0 15px 15px; } #hol_productInfoGateway #productWrap { padding:20px 10px 0 0; } #hol_productInfoGateway #productImg { padding-left:20px; } #hol_productInfoGateway #productInfo { width:470px; } #eight_thumbnails { margin-left:70px; } #eight_thumbnails #col_one{ float:left; } #eight_thumbnails #col_two{ float:left; } #eight_thumbnails .product { margin:0 10px 10px; } #eight_thumbnails a img{ height:112px; width:112px; } .twenty_left { padding-left:20px; } #mps_header { border-bottom:2px dotted #A3371B; float:left; margin:0 0 10px; width:100%; } #mps_header h2{ line-height:26px; } p.mps_name {float:left;font-size:1.1em !important;width:100%;} p.mps_image {float:left;} p.mps_desc {float:left;margin-left:20px;width:250px;} /* a.facebook { float: right; }/*