/* * * Freeman Jewelers * Jan/Feb 2008 * E-dreamz | Justin Johnson * */ /* * Determining font sizes: * has a default of 16px; * to figure out px from ems: 16px * 0.875em = 14px rendered */ body{ background: #FAF7EC url(../images/body_bg.jpg) repeat-x left top; padding-top: 25px; } a{color:#619EC2;} #wrapper, #hd, #ft, #copy{width: 960px; margin: 0 auto;} #wrapper{background: url(../images/wrapper_bg_white.jpg) repeat-y left top;} .home #wrapper{background: url(../images/wrapper_bg.jpg) repeat-y left top;} #hd{position: relative; height: 24px;} #hd .viewcart{ position: absolute; top:-20px; right: 0; font-size: 12px;} #hd .viewcart a{ color: #764d39; text-decoration: none; padding-right: 17px; background: url(../images/cart.gif) top right no-repeat;} #hd .viewcart a:hover{ color: #251e0c; text-decoration: underline;} .topNav{position: absolute; right: 0; top: 0; width: 430px;} .sitemap ul{list-style:disc; margin-bottom: 0; padding-bottom: 0;} .sitemap ul li{list-style:disc;} .column{float: left;} .column.span140{width: 140px;} .column.span160{width: 160px;} .column.span170{width: 170px;} .column.span220{width: 220px;} .column.span240{width: 240px;} .column.span260{width: 260px;} .column.span340{width: 340px;} .column.span360{width: 360px;} .column.span460{width: 440px;} .column.span578{width: 578px;} .column.span720{width: 720px;} .margintop130{margin-top: 130px;} .margintop30{margin-top: 30px;} #leftCol{background: url(../images/leftCol_bg.jpg) repeat-x left top; color: #fff;} #leftCol h3{background: url(../images/freeman_logo.jpg) no-repeat left top; margin: 14px 0 0 25px;} #leftCol h3, #leftCol h3 a{width: 200px; height: 80px;} .nav{margin-top: 35px; height: 320px;} #news{width: 191px; margin: 0 auto; font-size: .69em; clear: both; margin-top: 25px;} #news dl, #news dl dt, #news dl dd{width: 191px; margin: 0; padding: 0;} #news dt, #news dt a{font-weight: bold; color: #e3dfc6;} #news dt a{color: #fff; font-size: 1.1em;} #news dd{color: #e3dfc6;} #news dl dt{margin-top: 6px;} #news dl{margin-bottom: 25px;} #news h2{font-size: 1.27em; color: #44301C;} #promo{margin: 0 auto 10px auto; width: 191px;} #rightCol{font-size: .81em; line-height:1.5em;} #promoButtons ul{margin: 0; padding: 0;} #promoButtons ul li{display: block; width: 138px; height: 117px;} #promoButtons ul li a{display: block; width: 138px; height: 117px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em;} #promoButtons ul li a:hover{background-position: -138px 0;} #promoButtons #btn_designer{height: 119px;} #promoButtons #btn_designer a{background-image: url(../images/_callout/designer.jpg); height: 119px;} #promoButtons #btn_bridal{height: 116px;} #promoButtons #btn_bridal a{background-image: url(../images/_callout/bridal.jpg); height: 116px;} #promoButtons #btn_diamonds a{background-image: url(../images/_callout/diamonds.jpg); } #promoButtons #btn_watches{height: 118px;} #promoButtons #btn_watches a{background-image: url(../images/_callout/watches.jpg); height: 118px;} #home_content{padding: 5px 0 5px 5px;} .admin_content{clear:both; padding: 10px;} .admin_content h2{color:#619EC2; font-size: 1.5em; margin-bottom: 4px;} .admin_content img.prodCallout{border: 1px solid #bfa870; float: left; margin-right: 20px; margin-bottom: 15px; margin-top: 6px;} .admin_content ul li{list-style: disc;} .admin_content ol li{list-style: decimal;} .breadcrumb{margin-top: 10px; color: #7c7c7c;} .adminContent .breadcrumb ul{ padding-left:0px; } .adminContent .breadcrumb ul li{list-style:none; display: inline; margin-right: 5px; font-size: 11px; background: url('/images/arrowright.gif') no-repeat right center; padding-right: 18px; padding-left:0;} .adminContent .breadcrumb ul li.last{background: none;} .admin_content .catMenu{margin: 27px 0 0 35px; padding: 0; list-style:none;} .admin_content .catMenu li{margin: 2px 0; list-style:none;} .admin_content .catMenu a{display:block; background: #E3DFC6; color: #93744D; padding: 3px 3px 3px 8px; font-size: 1.18em;} .catMenu a:hover{display:block; color: #faf7ec; background: #93744D; text-decoration: none;} .column.span260 .catMenu{list-style:none !important;} .breadcrumb{border-bottom: 1px solid #e4e0db; padding-bottom: 6px; margin: 5px 0 20px 0; width: 694px;} .paging{margin-bottom: 20px; color: #4f3921;} .breadcrumb a{color: #503921;} .breadcrumb ul, .paging ul{margin: 0; padding: 0; } .breadcrumb ul li, .paging ul li{display: inline; font-size: 1.0em;} .breadcrumb ul li{font-size: .83em;} .breadcrumb select, .paging select, .ltbrown select{border: 1px solid #BFA971; font-size: .83em; color: #BFA971; width: 220px;} .paging a.viewall{margin-left: 15px;} .paging h2{margin-top: 5px; font-size: 1.0em; color: #93744d;} .product{margin-right: 25px; margin-bottom: 15px; width: 150px; float:left; font-size: .83em; line-height: 16px; min-height: 275px;} .product strong{font-size: 1.2em;} .product img{border: 1px solid #BFA872;} .product .price{color:#619EC2;} .product .price_red{color: #c00;} .detailImg img{border: 1px solid #BFA972;} .detail h2{margin-bottom: 0;} .detail h3{color:#93744D; font-size: 1.18em; font-weight: normal; margin-bottom: 8px;} .detail .lg_price{color: #619EC2; font-size: 1.12em;} .has_bullets ul li{list-style:disc; padding: 1px;} .ltbrown{background: #FAF7EC; padding: 15px 8px 15px 30px; color: #93744D; /*width:284px;*/ } .ltbrown .phone{font-size: 1.35em;} .ltbrown p{margin: 0; padding: 0;} .ltbrown select{width: 80%;} .ltbrown h2{font-size: 1.18em;} .ltbrown div{border-right: 1px solid #e0dace; padding-right: 15px;} .ltbrown div.col2{padding-left: 50px;} .ltbrown div.col3{padding-left: 50px;} #logos .span220{font-size: .75em; margin-right: 10px; margin-bottom: 25px;} #logos .span220 a{color: #4F3921;} #logos .span220 img{border: 1px solid #bfa870; margin-bottom: -7px;} #logos .span220 img.inv_btn{border-top: none; margin-top: 7px; margin-right: 20px;} #subnav{background: #e1ddc4; width: 718px;} #subnav ul{margin: 0; padding: 3px 0 3px 10px;} #subnav ul li{display: inline; margin: 0 15px 0 0;} .bio{background: #faf7ec; margin-bottom: 10px;} .bio img{float: left; background: #fff; padding: 3px; border: 1px solid #ccc; width: 194px; height: 246px;} .bio .text{float: left; width: 464px; margin: 10px 0 0 10px; font-size: .90em;} .bio .text .jobtitle{font-size: 1.2em;} .testimonial{margin: 0; padding: 0;} .testimonial dt{font-style:italic;} .testimonial dd{color:#619EC2; margin-bottom: 15px; text-align: right; margin-right: 20px; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif;} .news_list{margin: 0; padding: 0;} .news_list dt{font-size: 1.2em; line-height: 14px; margin-bottom: 5px;} .news_list dt .date{font-size: .69em;} .news_list dd{margin: 0 0 8px 0; border-bottom: 1px solid #cccccc; padding-bottom: 8px; font-size: .90em;} .news_list dd img{border: 1px solid #BFA872; margin-top: 8px;} #form{width: 500px; margin: 0 auto;} .input{color: #503A22; font-size: 1.0em;} label{font-size: .85em;} #stf, #wish{display: none; padding: 4px;} #stf, p, #wish p{margin-bottom: 4px; padding-bottom: 0;} #stf, #wish{font-size: .83em;} #stf, label, #wish label{font-size: .90em;} #stf, h5{color: #523A22;} #ft{clear: both; background-color: #E3DFC6; color: #8c8c8c; margin-top: 5px; margin-bottom: 5px; padding: 3px 15px 3px 15px; width: 930px;} #copy{color: #8c8c8c; width: 945px; padding-left: 15px;} #ft, #copy{font-size: .75em;} #ft a.sitemap{margin-left: 190px; color: #8c8c8c;} #ft a.contact{margin-left: 20px; color: #8c8c8c;} #ft a.terms{margin-left: 35px; color: #8c8c8c;} /* * navigation buttons */ #top_nav { margin: 0; padding: 0; height: 24px; list-style: none; display: inline; overflow: hidden; } #top_nav li { margin: 0; padding: 0; list-style: none; display: inline; } #top_nav a { float: left; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */ } #top_nav a.selected, #top_nav a:hover{ background-position: 0 -23px; } #thome a { width: 91px; background: url(../images/_nav/home.jpg) top left no-repeat; } #tabout a { width:113px; background: url(../images/_nav/about.jpg) top left no-repeat; } #tnews a { width: 143px; background: url(../images/_nav/news.jpg) top left no-repeat; } #tcontact a { width: 83px; background: url(../images/_nav/contact.jpg) top left no-repeat; } #main_nav { margin: 0; padding: 0; height: 37px; list-style: none; display: inline; overflow: hidden; } #main_nav li { margin: 0; padding: 0; list-style: none; display: inline; } #main_nav a { float: left; padding: 37px 0 0 0; width: 235px; overflow: hidden; height: 0px !important; height /**/:37px; /* for IE5/Win only */ } #main_nav a:hover, #main_nav a:active{ background-position: -260px 0; } #main_nav a.selected{ background-position: -500px 0; } #ndesigner a { background: url(../images/_nav/designer.gif) -20px 0 no-repeat; } #nbridal a { background: url(../images/_nav/bridal.gif) -20px 0 no-repeat; } #ndiamonds a { background: url(../images/_nav/diamonds.gif) -20px 0 no-repeat; } #nwatches a { background: url(../images/_nav/watches.gif) -20px 0 no-repeat; } #nappraisals a { background: url(../images/_nav/appraisals.gif) -20px 0 no-repeat; } #ncustom a { background: url(../images/_nav/custom.gif) -20px 0 no-repeat; } #nbrowse a { background: url(../images/_nav/browse.gif) -20px 0 no-repeat; } #nclearance a { background: url(../images/_nav/clearance.gif) -20px 0 no-repeat; } /*---Cart---*/ .carttitle{ width: 687px; height: 20px; background: url('/images/cart/big-title-bg.jpg') top left no-repeat; color: #ffffff; font-weight: bold; font-size: 16px; padding: 5px;} .cartitems{ width: 687px; height: 20px; background: #ededed; color: #a2a2a2; font-weight: normal; font-size: 15px; padding: 5px; margin-bottom: 15px;} .pagetitle{ width: 311px; height: 20px; background: url('/images/cart/title-bg.jpg') top left no-repeat; color: #ffffff; font-weight: bold; font-size: 16px; padding: 5px;} .producttitle{ width: 311px; background: #ededed; color: #a2a2a2; font-weight: normal; font-size: 15px; padding: 5px;} .productinfo{ margin-top: 18px;} .productinfo table, td{font-size: 15px; width: 322px; } td.price{background: #dfecf3; color: #619ec2; text-align:left;} td.price2{background: #eff5f9; color: #619ec2; font-weight: bold; text-align:left;} td.stock{background: #c9b9a6; color: #ffffff; text-align:left;} td.stock2{background: #efeae4; color: #93744d; text-align:left;} td.style{background: #d9cec1; color: #ffffff; text-align:left;} td.style2{background: #f4f1ed; color: #93744d; text-align:left;} td.removetd{background: #ededed; color: #a2a2a2;} .productdesc{ width: 301px; background: #ffffff url('../images/cart/desc-bg.gif') top left no-repeat; padding: 10px; margin-top: 18px; min-height: 114px;} .addtocart {width: 321px; margin-top: 18px;} .addtocart .addcart{ background: url('/images/cart/add-cart.jpg') 0 0; display: block; width: 321px; height: 40px; text-indent: -9999em; overflow: hidden; } .addtocart .addcart:hover{background-position: 0 -40px;} .cartlinks{margin-top: 10px;} .stf { background: url('/images/cart/send-friend.jpg') 0 0; display: block; width: 342px; height: 34px; text-indent: -9999em; overflow: hidden; } .stf:hover {background-position: 0 -34px;} .wish { background: url('/images/cart/add-wishlist.jpg') 0 0; display: block; width: 342px; height: 33px; text-indent: -9999em; overflow: hidden; } .wish:hover {background-position: 0 -33px;} .request { background: url('/images/cart/request.jpg') 0 0; display: block; width: 342px; height: 33px; text-indent: -9999em; overflow: hidden; } .request:hover {background-position: 0 -33px;} .update { background: url('/images/cart/update.jpg') 0 0; display: block; width: 120px; height: 30px; text-indent: -9999em; overflow: hidden; } .update:hover {background-position: 0 -30px;} .checkout { background: url('/images/cart/checkout.jpg') 0 0; display: block; width: 200px; float: left; height: 40px; text-indent: -9999em; overflow: hidden; margin-left: 10px; } .checkout:hover {background-position: 0 -40px;} .shopping { background: url('/images/cart/shopping.jpg') 0 0; display: block; width: 250px; float: left; height: 40px; text-indent: -9999em; overflow: hidden; } .shopping:hover {background-position: 0 -40px;} .continue { background: url('/images/cart/continue.jpg') 0 0; display: block; width: 120px; height: 30px; text-indent: -9999em; overflow: hidden; } .continue:hover {background-position: 0 -30px;} .billingcolumn{ color: #619ec2; width: 322px; float: left; padding: 45px 10px 0 10px; margin: 10px 10px 0 0; min-height: 475px; background: #eff5f9 url('/images/cart/billing-title.jpg') top left no-repeat;} .billingcolumn label{color: #619ec2; font-weight: bold;} .shippingcolumn{ width: 325px; float: left; padding: 45px 10px 0 10px; margin-top: 10px; height: 475px; background: #f4f1ed url('/images/cart/shipping-title.jpg') top left no-repeat;;} .textfield{width: 220px;} .smallfield{width: 40px;} .zipfield{ width: 60px;} .amount{ width: 620px; background: #ebebeb; font-size: 16px; margin: 0 0 20px 35px; padding: 5px; color:#7b7b7b;} #sendtofriend{ padding:10px 0; } #wishlist{ padding:10px 0; } h1 {color:#619EC2; font-size: 1.5em; margin-bottom: 4px;}