body,td,th { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #2D2D2D; line-height:18px; } body { background-color: #524023; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link {color: #64211f;text-decoration: underline;} a:visited {text-decoration: underline;color: #64211f;} a:hover {text-decoration: none;color: #64211f;} a:active {text-decoration: underline;color: #64211f;} p {margin:0 0 15px 0;} h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0; line-height:normal;} h1 {font-size: 21px;color: #64211f; font-style:normal; font-weight:normal;} h2 {font-size: 16px;color: #64211f; font-style:normal; font-weight:normal; margin:0 0 5px 0;} h3 {font-size:12px;color: #64211f; font-weight:normal;} h4 {font-size:14px;color: #2D2D2D; font-weight:normal;line-height:21px;} .largerContentText {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;color: #2D2D2D; line-height:19px;} .largerContentText a, .largerContentText a:link, .largerContentText a:active, .largerContentText a:visited { color:#b8891c; font-weight:bold; font-style:italic; text-decoration:none;} .largerContentText a:hover { text-decoration:underline;} .rightImage {margin:0 0 10px 10px; float:right;} .redtext {color:#64211f;} .productName {font-size:16px;color: #64211f; font-weight:normal; margin:0 0 10px 0;} .productMaker {font-size:12px; color:#2D2D2D; font-weight:bold;} #productListingContainer {width:180px; margin:0 0 15px 10px; padding:10px; float:left;} #featuredProductContainer {width:180px; margin-left:20px;} .productListingName { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000;} .productListingNumber { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666;} .productListingPrice { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#64211F;} .productListingShortDescription { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666;} #homeHeadBack {height:350px; background:url(http://www.makeyourownathome.com/images/interface/home-header-back.jpg) center top repeat-x; margin-top:0px;} #headBack {height:251px; background:url(http://www.makeyourownathome.com/images/interface/header-back.jpg) center top repeat-x; margin-top:0px;} #homePhotosContainer {width:948px; height:264px; background:url(http://www.makeyourownathome.com/images/interface/home-header.gif) top left no-repeat; margin-top:0px;} #photosContainer {width:948px; height:160px; background: url(http://www.makeyourownathome.com/images/interface/header.gif) top left no-repeat; margin-top:0px;} #topDiv {width:933px; height:25px; font-size:11px; color:#E7BD5B; padding:5px 0 0 15px; margin-top:0px;} #topDiv a, #topDiv a:link, #topDiv a:active, #topDiv a:visited { font-size:11px; color:#E7BD5B; text-decoration:none;} #topDiv a:hover {text-decoration:underline;} #topDiv form {margin: 0;} #secondDiv {width:948px; height:40px; margin-top:0px; padding:0px;} #secondDiv form {margin: 0;} #secondDiv #leftPhone {font-size:14px; font-weight:bold; color:#614f34; padding:10px 0 0 15px; width:450px; float:left; margin-top:0px; height:30px;} #secondDiv #rightSearch { width:450px; float:right; padding-right:15px; margin-top:0px; height:40px;} #categoriesContainer {width:202px; margin-left:2px; float:left;} #categoriesTop {width:202px; height:41px; background:url(http://www.makeyourownathome.com/images/interface/categories.gif) top left no-repeat; margin:0; padding:0;} #categoriesMid {width:202px; background:url(http://www.makeyourownathome.com/images/interface/categories-back.gif) top left repeat-y; margin:0; padding:0; height:291px;} #categoriesBottom {width:202px; height:315px; background:url(http://www.makeyourownathome.com/images/interface/categories-bottom-logos.gif) bottom left no-repeat; margin:0; padding:0;} #contentContainer {width:722px; margin-left:0px; float:right; padding-top:3px; margin-top:0px; margin-right:2px; border:0;} #horizontalNavContainer {width:596px; height:30px; margin-top:0px;} #contentTop {width:722px; height:7px; background:url(http://www.makeyourownathome.com/images/interface/content-top.gif) top left no-repeat; margin:0;} #contentMid {width:722px; background:url(http://www.makeyourownathome.com/images/interface/content-back.gif) top left repeat-y; min-height:600px; margin:0; padding:0;} #contentMid .homeLeft {width:380px; margin:12px 0 12px 12px; float:left; padding:0;} #contentMid .homeRight {width:240px; margin:5px 12px 10px 12px; background-color:#f3e9d8; float:right; padding:10px 10px 10px 10px;} #contentMid .fullWidth {width:698px; margin:0 0 0 12px; padding:0;} #contentBottom {width:722px; height:7px; background:url(http://www.makeyourownathome.com/images/interface/content-bottom.gif) left no-repeat; margin-top:0;} /************** CHECKOUT TEMPLATE ***************/ #checkoutContainer {width:942px; margin-left:3px; float:left; padding-top:3px;} #checkoutTop {width:942px; height:7px; background:url(http://www.makeyourownathome.com/images/interface/checkout-top.gif) top left no-repeat;} #checkoutMid {width:942px; background:url(http://www.makeyourownathome.com/images/interface/checkout-back.gif) top left repeat-y; min-height:600px; } #checkoutMid .checkoutWidth {width:918px; margin:0 12px 0 12px; padding-top:12px; padding-bottom:0;} #checkoutBottom {width:942px; height:7px; background:url(http://www.makeyourownathome.com/images/interface/checkout-bottom.gif) bottom left no-repeat; margin:0; padding:0;} #checkoutNavContainer {width:596px; height:30px; margin-left:250px;} /************** PRODUCT LISTING PAGE ***************/ .listingfullWidth {width:698px; margin:0 12px 0 12px; padding-top:0;} #listingContainer {width:300px; margin:8px; float:left; padding:8px; background-color:#FFFDF9; height:150px;} #listingContainer img {margin-right:15px; margin-bottom:5px;} #listingCopy {width:180px;} .listingName { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000; line-height:16px; padding-bottom:5px;} .listingDescription { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#666; line-height:16px; padding-bottom:5px;} .listingPrice { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#64211F; line-height:16px; padding-bottom:5px;} .listingTitle {margin:0 12px 0 12px;} .listingPaginate {width:698px; margin:0 12px 0 12px; font-size:11px; color:#953735;} .paginate {display:block; height:30px; clear:both; padding:10px 10px 0 10px;} /************** PRODUCT DETAILS PAGE ***************/ #detailsContainer {width:675px; margin:0; float:left; padding:8px; } #detailsContainer img {margin-right:30px; float:left;} #detailsCopy {float:left;width:340px;} .detailsTitle {margin:0;} .detailsMaker {font-size:12px; color:#2D2D2D; font-weight:bold; padding-bottom:5px; line-height:16px;} .button {width:79px; height:19px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal; background:url(http://www.makeyourownathome.com/images/interface/button-up.gif) top left no-repeat; float:left; margin:0 5px 0 0;} .button a, .button a:link, .button a:visited, .button a:active {background:url(http://www.makeyourownathome.com/images/interface/button-up.gif) top left no-repeat; display:block; color:#fbf4e9; text-decoration:none;} .button a:hover {background:url(http://www.makeyourownathome.com/images/interface/button-over.gif) top left no-repeat;} #bodyBack {min-height:300px; background:url(http://www.makeyourownathome.com/images/interface/back.jpg) center top repeat; padding-bottom:10px;} #footerBack {min-height:100px; background:url(http://www.makeyourownathome.com/images/interface/footer-back.jpg) center top repeat-x; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#E2CDA7; line-height:18px; padding-bottom:10px;} #footerBack .leftFooter { width:460px; float:left; margin-top:43px;} #footerBack .leftFooter a, #footerBack .leftFooter a.link, #footerBack .leftFooter a.active, #footerBack .leftFooter a.visited {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#E2CDA7; line-height:18px;} #footerBack .leftFooter a.hover { color:#FFF;} #footerBack .rightFooter { width:460px; float:right; margin-top:43px;} #footerBack .rightFooter a, #footerBack .rightFooter a.link, #footerBack .rightFooter a.active, #footerBack .rightFooter a.visited {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#E2CDA7; line-height:18px;} #footerBack .rightFooter a.hover { color:#FFF;} .width {width:948px;} .clear {clear:both;} .clearDivider {clear:both; background:url(http://www.makeyourownathome.com/images/interface/content-divider.gif) left repeat-x; height:2px; margin:0 12px 15px 12px;} .listingDivider {background:url(http://www.makeyourownathome.com/images/interface/content-divider.gif) left repeat-x; height:2px; margin:0 12px 15px 12px;} .input1 {width:145px; border:#816e50 1px solid; padding:3px 0 0 5px; height:18px; margin: 0;} /************** CATEGORY LIST ***************/ .arrowlistmenu{ width: 180px; margin:0 0 20px 10px; /*width of accordion menu*/ } .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: Tahoma, Geneva, sans-serif 12px normal; color: #64211f; height:21px; background: url(http://www.makeyourownathome.com/images/interface/cat-back.gif) top left no-repeat; margin-bottom:0; /*bottom spacing between header and rest of content*/ margin-top:0; text-transform: none; padding: 4px 0 0 25px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(http://www.makeyourownathome.com/images/interface/cat-back.gif); } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 3px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a, .arrowlistmenu ul li a:link{ color: #64211f; background:; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 25px; /*link text is indented 19px*/ text-decoration: none; font-weight: normal; border-bottom: 0; font-size: 12px; } .arrowlistmenu ul li a:visited, .arrowlistmenu ul li a:active{ color: #64211f; text-decoration: none; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #9C3432; text-decoration: none; } /************** HORIZONTAL NAV ***************/ .ddcolortabs{ padding: 0; width:100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; margin-left:126px; } .ddcolortabs ul{ font: normal 12px Tahoma, Geneva, sans-serif; margin:0; padding:0; list-style:none; } .ddcolortabs li{ display:inline; margin:0 2px 0 0; padding:0; text-decoration: none; } .ddcolortabs a{ float:left; color: #fbf4e9; background: #6c5533 url(http://www.makeyourownathome.com/images/interface/color_tabs_left.gif) no-repeat left top; margin:0 10px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; } .ddcolortabs a span{ float:left; display:block; background: transparent url(http://www.makeyourownathome.com/images/interface/color_tabs_right.gif) no-repeat right top; padding: 8px 12px 6px 11px; text-transform: none; text-decoration:none; color: #fbf4e9; } .ddcolortabs a span{ float:none; } .ddcolortabs a:link, .ddcolortabs a:visited{ text-decoration:none; color: #fbf4e9; } .ddcolortabs a:hover, .ddcolortabs a.active{ background-color: #953735; text-decoration:none; color: #fbf4e9; } .ddcolortabs a:link span, .ddcolortabs a:visited span{ text-decoration:none; color: #fbf4e9; } .ddcolortabs a.active span, .ddcolortabs a:hover span { background-color: #953735; text-decoration:none; color: #fbf4e9; } .ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/ background-color: #953735; text-decoration:none; color: #fbf4e9; } /************** UNIVERSAL BUTTONS ***************/ .buttons { font: normal 11px Tahoma, Geneva, sans-serif; padding:0; display:inline; margin:0 2px 0 0; padding:0; } .buttons a, .buttons a:link, .buttons a:active, .buttons a:visited { float:left; color: #FFFFFF; background: #b8891c url(http://www.makeyourownathome.com/images/interface/buttons_left.gif) no-repeat left top; margin:0 10px 0 0; padding:0 0 0 3px; text-decoration:none; letter-spacing: 1px; height:17px; } .buttons a span, .buttons a:link span, .buttons a:active span, .buttons a:visited span{ float:left; display:block; background: transparent url(http://www.makeyourownathome.com/images/interface/buttons_right.gif) no-repeat right top; padding: 1px 27px 1px 6px; height:15px; } .buttons a span{ float:none; } .buttons a:hover{ background: #b8891c url(http://www.makeyourownathome.com/images/interface/buttons_left_hover.gif) no-repeat left top; } .buttons a:hover span{ background: transparent url(http://www.makeyourownathome.com/images/interface/buttons_right_hover.gif) no-repeat right top; } /************** FEATURED PROD MORE INFO BUTTON ***************/ .buttonsFeatured { font: normal 11px Tahoma, Geneva, sans-serif; padding:0; display:inline; margin:0 2px 0 0; padding:0; } .buttonsFeatured a, .buttonsFeatured a:link, .buttonsFeatured a:active, .buttonsFeatured a:visited{ float:left; color: #FFFFFF; background: #b8891c url(http://www.makeyourownathome.com/images/interface/buttons_left.gif) no-repeat left top; margin:5px 10px 5px 44px; padding:0 0 0 3px; text-decoration:none; letter-spacing: 1px; height:17px; } .buttonsFeatured a span, .buttonsFeatured a:link span, .buttonsFeatured a:active span, .buttonsFeatured a:visited span{ float:left; display:block; background: transparent url(http://www.makeyourownathome.com/images/interface/buttons_right.gif) no-repeat right top; padding: 1px 27px 1px 6px; height:15px; } .buttonsFeatured a span{ float:none; } .buttonsFeatured a:hover{ background: #b8891c url(http://www.makeyourownathome.com/images/interface/buttons_left_hover.gif) no-repeat left top; } .buttonsFeatured a:hover span{ background: transparent url(http://www.makeyourownathome.com/images/interface/buttons_right_hover.gif) no-repeat right top; }