body { background:#00457E url(../images/site_bkgnd.png) no-repeat center top fixed; padding:0; margin:0; width:100%; display:table; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; } .red { color:#cc0000; } td { font-size:12px; } .clear { clear:both; } h1 { background:url(../images/h1_bkgnd.png) no-repeat; width:740px; height:47px; line-height:47px; color:#fff; padding-left:10px; text-shadow:0.1em 0.1em 0.05em #666; margin:0 0 20px 0; } .btn { display:inline-block; background:url(../images/btn_background.jpg) no-repeat center; width:115px; height:22px; padding:7px 0px 3px 0px; color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center; margin-right:10px; text-transform:uppercase; } .btn2 { display:block; background:url(../images/btn_background.jpg) no-repeat; width:115px; height:22px; border:none; color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center; float:left; margin-right:10px; text-transform:uppercase; } .stroke { background-color:#ccc; } /* main */ #main { width:975px; background-color:#fff; margin:0 auto; } /* header */ #header { position:relative; height:175px; } /* logo */ #logo { position:absolute; top:20px; } /* topNav */ #topNav { position:absolute; top:20px; left:250px; font-size:24px; font-weight:bold; color:#00457E; } #topNav ul { margin:0; padding:0; list-style:none; } #topNav li { display:inline; padding-right:10px; padding-left:10px; } #topNav a { color:#999; text-decoration:none; text-transform:uppercase; } #topNav a:hover { color:#00457E; } #topNav ul li:nth-child(5) { border:none; } #topNav ul li:nth-child(1) { padding-left:0; } /* midNav */ #midNav { position:absolute; top:55px; left:206px; background:url(../images/mid_nav_bkgnd.png) repeat-x; height:61px; line-height:61px; width:769px; } #midNav ul { list-style:none; padding:0; margin:0; margin-left:40px; } #midNav li { display:inline; margin-right:40px; } #midNav a { text-decoration:none; font-size:14px; font-weight:bold; color:#00457E; } #midNav a:hover { color:#000; } /* login */ #login { position:absolute; top:135px; left:245px; font-weight:bold; font-size:14px; color:#999; } #login .loginInput { background:url(../images/login_field_bkgnd.png) no-repeat; color:#999; width:118px; height:22px; border:none; padding:0 0 0 5px; font-size:12px; } #login a { text-decoration:none; color:#999; } /* mailingList */ #mailingList { position:absolute; top:133px; left:580px; font-weight:bold; font-size:14px; color:#999; } #mailingList .mailingListInput { background:url(../images/email_field_bkgnd.png) no-repeat; color:#999; width:138px; height:22px; border:none; padding:0 0 0 5px; font-size:12px; } /* socialIcons */ #socialIcons { position:absolute; top:135px; right:20px; } #socialIcons ul { list-style:none; margin:0; padding:0; } #socialIcons li { display:inline-block; } /* bodyContent */ #bodyContent { position:relative; padding:10px; } /* search */ #search { } #search .searchFieldInput { background:url(../images/search_field_bkgnd.png) no-repeat; color:#999; width:138px; height:22px; border:none; padding:0 0 0 5px; font-size:12px; } /* leftNav */ #leftNav { float:left; margin-right:10px; } #leftNav .leftNavBanner { margin-top:10px; } /* leftTaxonomy */ #leftTaxonomy { } #leftTaxonomy h2 { font-size:18px; color:#00457E; margin:10px 0; padding:0; } #leftTaxonomy ul { list-style:none; margin:0; padding:0; } #leftTaxonomy li { padding-bottom:5px; } #leftTaxonomy a { color:#000; text-decoration:none; } /* content */ #content { float:left; width:755px; } /* primaryBanner */ #primaryBanner { float:left; margin-right:9px; width:558px; height:430px; } /* secondaryBanners */ #secondaryBanners { float:left; } #secondaryBanners ul { list-style:none; padding:0; margin:0; } #secondaryBanners li { margin-bottom:7px; } /* footer */ #footer { text-align:center; margin-top:20px; margin-bottom:20px; border-top:1px solid #77A12E; padding-top:20px; } #footer ul { padding:0; margin:0; list-style:none; } #footer li { display:inline; border-right:1px solid #999; padding-right:10px; padding-left:10px; } #footer a { text-decoration:none; color:#999; } #footer a:hover { color:#000; } #footer ul li:nth-child(10) { border:none; } /* listingPage */ #listingPage { } .pagination { margin:10px 0; } #listItem { width:235px; height:265px; border:1px solid #ccc; float:left; margin-right:8px; margin-bottom:10px; text-align:center; } #listItemHead { background-color:#ccc; color:#00457E; text-align:center; height:50px; line-height:50px; font-size:16px; } #listItemImage { text-align:center; padding:10px 0; height:100px; } #listItemDescription { font-size:10px; text-align:center; padding:5px 0; } #listItemLeadTime { text-align:center; padding:5px 0; } #listItemCart { text-align:center; padding:5px 0; } /* productPage */ #productPage { } /* productImages */ #productImages { float:left; margin-right:20px; } /* primaryImage */ #primaryImage { margin-bottom:10px; } /* largerImageLink */ #largerImageLink { } #largerImageLink a { text-decoration:none; color:#000; } /* productData */ #productData { float:left; width:480px; } /* productName */ #productName { font-size:24px; font-weight:bold; color:#77A02D; margin-bottom:10px; } /* productRating */ #productRating { float:left; } /* productSocial */ #productSocial { float:left; } /* productDescription */ #productDescription { margin-bottom:10px; margin-top:10px; } /* productPrice */ #productPrice { font-size:18px; font-weight:bold; color:#00457E; margin-bottom:10px; } /* productQuantity */ #productQuantity { float:left; margin-right:10px; } #productQuantity .quantityField { background: url(../images/quantity_field_bkgnd.gif) no-repeat; width:148px; height:22px; border:0; padding-left:10px; color:#999; } /* productButton */ #productButton { float:left; } /* relatedProducts */ #relatedProducts { border:1px solid #e5e5e5; margin-top:10px; } #relatedProducts .relatedProductsHead { background-color:#e5e5e5; color:#999; font-size:14px; padding:3px 0 3px 10px; } #relatedProducts .relatedProductInfo { text-align:center; float:left; padding:10px; } #relatedProducts .relatedProductImage { } #relatedProducts .relatedProductName { } #relatedProducts .relatedProductNumber { } /* static */ #static { } #static .colOne { float:left; margin-right:20px; width:200px; } #static .colTwo { float:left; width:500px; } #static .pic { float:left; width:150px; margin-right:10px; margin-bottom:10px; height:182px; } #static .info { float:left; } #static .question { font-size:14px; font-weight:bold; } #static h2 { color: #00457e; } /* taxonomy listing styles */ /* listingLeft */ #taxonomy #listingLeft { float:left; width:740px; } /* listingRight */ #taxonomy #listingRight { float:right; width:220px; } /* listItem */ #taxonomy .listItem { float:left; margin-right:20px; margin-bottom:10px; height:200px; } #taxonomy .listItem .icon { width:160px; height:160px; margin-bottom:10px; text-align: center; } #taxonomy .listItem .text { width:160px; text-align:center; margin-bottom:10px; } #taxonomy .listItem .text a { text-decoration:none; color:#006699; font-weight:bold; } /* subtax */ #subtax { width:740px; } #subtax .listItem { float:left; margin-bottom:20px; width:370px; height:155px; } #subtax .listItem .image { float:left; width:95px; margin-right:10px; } #subtax .listItem .itemInfo { float:left; width:260px; } #subtax .listItem .itemInfo .prodName { font-weight:bold; font-size:14px; } #subtax .listItem .itemInfo .prodName a { text-decoration:none; color:#000; } #subtax .listItem .itemInfo .description { padding:5px 0; } #subtax .listItem .itemInfo .price { padding:5px 0; font-weight:bold; float:left; } #subtax .listItem .itemInfo .configure { float:left; margin-left:10px; } #subtax .listItem .itemInfo .input { float:left; margin-right:10px; width:100px; } #subtax .listItem .itemInfo .submit { float:left; } #subtax .quantityField { background: url(../images/qty_field_bkgnd.gif) no-repeat; width:100px; height:22px; border:0; padding-left:10px; color:#999; }