/* Overall Layout Formatting ----------------------------------------------- */ BODY { margin: 0; padding: 0; text-align: center; background: #FFF; font: 90% Georgia, "Times New Roman", Times, serif; color: #121212; } #Masthead { margin: 0 auto; padding: 0; background: #FFF url(../images/header.gif) top left no-repeat; position: relative; text-align: left; width: 957px; } #ColumnsWrapper { margin: 0 auto; padding: 0; background: #FFF url(../images/global-bg.gif) top left repeat-y; position: relative; text-align: left; width: 957px; } #FooterWrapper { margin: 0 auto; padding: 0; background: #FFF; position: relative; text-align: center; width: 957px; } /* Overall Typography ----------------------------------------------- */ H1, H2, H3,H4, H5, H6 { margin: 0; padding: 0; font-weight: normal; line-height: 1em; color: #a2652c; } H1 { margin-bottom: .65em; font-size: 180%; text-transform: uppercase; } H2 { margin-bottom: .65em; font-size: 150%; } H3 { font-size: 130%; } H4 { margin: .35em 0 .25em 0; font-size: 100%; } H5 { font-size: 80%; font-weight: bold; } P { margin-bottom: .5em; line-height: 1.5em; font-size: 80%; } A { color: #a2652c; } A:LINK { color: #a2652c; } A:VISITED { color: #a2652c; } A:HOVER { color: #a2652c; } A:ACTIVE { color: #a2652c; } /* Column Formatting ----------------------------------------------- */ #Columns.TypeA {} #Columns.TypeA #Column1 { padding-left: 20px; width: 250px; float: left; } #Columns.TypeA #Column2 { width: 687px; float: right; } #Columns.TypeB #Column1 { padding: 20px 0 20px 14px; width: 240px; float: left; } #Columns.TypeB #Column2 { padding-top: 25px; padding-right: 40px; width: 600px; float: right; } #Columns.TypeC #Column1 { padding: 20px 0 20px 0px; width: 870px; margin: 0 auto;} #Column2 DL { margin: 20px 0 30px 0; } #Column2 DD { font-size: 90%; } #Column2 DD SPAN { padding: 5px 0 8px 0; display: block; } /* Utility Specific ----------------------------------------------- */ .BackTop { text-align: right; padding: 10px 0; } .Right { float: right; } .Left { float: left; } HR { clear: both; } /* Masthead Specific ----------------------------------------------- */ H1#Logo { margin: 0; padding: 20px 0 0 30px; } H1#Logo SPAN { display: none; } UL#Nav { position: absolute; top: 56px; right: 20px; } UL#Nav LI { padding-left: 30px; display: inline; text-transform: uppercase; } UL#Nav A { color: #EFEFEF; text-decoration: none; font-size: 85%; } UL#Nav A:LINK { color: #EFEFEF; } UL#Nav A:VISITED { color: #FFF; } UL#Nav A:HOVER { color: #FFF; text-decoration: underline; } UL#Nav A:ACTIVE { color: #FFF; text-decoration: underline; } /* Footer Formatting ----------------------------------------------- */ #Body.Home #FooterWrapper { background-image: none; } #FooterWrapper LI { display: inline; } #FooterWrapper P { font-size: 75%; } UL#NavFoot { margin-bottom: .5em; } UL#NavFoot LI { padding-left: 30px; display: inline; text-transform: uppercase; } UL#NavFoot A { color: #a2652c; text-decoration: none; font-size: 75%; } UL#NavFoot A:LINK { color: #a2652c; text-decoration: underline; } UL#NavFoot A:VISITED { color: #a2652c; text-decoration: underline; } UL#NavFoot A:HOVER { color: #a2652c; text-decoration: underline; } UL#NavFoot A:ACTIVE { color: #a2652c; text-decoration: underline; } /* Home Specific ----------------------------------------------- */ #Home #Column1 UL { margin: 20px 0 0 0px; list-style: none; } #Home #Column1 LI { margin: 5px 10px 0 0; display: block; float: left; } #Home #Column1 LI A IMG { border: 1px solid #a2652c; } #Home #Column1 LI A:HOVER IMG { border: 1px solid #c69b6b; } #Home #Column1 .HowToOrder, #Home #Column1 .GetACatalog { padding: 10px 10px 0 0; width: 240px; float: left; } #Home #Column1 .HowToOrder, #Home #Column1 .GetACatalog P { font-size: 75%; line-height: 1.35em; } #Home #Column1 .HowToOrder, #Home #Column1 .GetACatalog H4 { font-weight: bold; text-transform: uppercase; } #Home #Column1 .LatestNews { padding: 10px 100px 0 0px; text-align: left; clear: both; display: block; } #Home #Column1 .LatestNews H4 { font-weight: bold; text-transform: uppercase; } #Home #Column1 .LatestNews P { font-size: 75%; } #Home #Column1 .LatestNews DL { margin: 10px 0 20px 0; font-size: 75%; } #Home #Column1 .LatestNews DT { font-weight: normal; margin: 0 0 5px 0; } #Home #Column1 .LatestNews DD { line-height: 1.35em; } #Home #Column1 .LatestNews DD A:HOVER { color: #AAA; } #Home.Index #Columns { background: url(/images/home-right_bride.jpg) top right no-repeat; } #Home.Index #ColumnsWrapper { background: url(../images/global-bg.gif) top left repeat-y; } #Home.Index #Column1 H1 { text-transform: none; font-size: 240%; margin: 5px 0 6px 0; } #Home.Index #Column1 { width: 520px; padding: 20px 0 0 40px; margin: 0; height: 728px; } /* AboutUs Specific ----------------------------------------------- */ #AboutUs #Column1 .LatestNews { margin: 20px 0 10px 20px; text-align: right; } #AboutUs TABLE.Availability { font-size: 90%; margin-bottom: 2em; width: 500px; border-top: 1px solid #CCC;border-left: 1px solid #CCC;} #AboutUs TABLE.Availability TD { padding: 5px 10px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; } #AboutUs TABLE.Availability THEAD TD { font-weight: bold; background: #EFEFEF;} #AboutUs.SiteMap #Column2 LI { list-style: none; margin: 10px 0 0 20px; } #AboutUs.SiteMap #Column2 LI LI { margin: 5px 0 0px 20px; } /* ContactUs Specific ----------------------------------------------- */ #ContactUs #Column1 .LatestNews { margin: 20px 0 10px 20px; text-align: right; } #ContactUs #Column2 #Form { float: right; width: 380px; } #ContactUs #Column2 #Form P { display: block; } #ContactUs #Column2 #Form LABEL { font-size: 100%; margin: 0 0 2px 0; float: left; width: 100px; } #ContactUs #Column2 #Form .TxtInput { width: 300px; margin: 0px 0 10px 0; } #ContactUs #Column2 #Form TEXTAREA { padding-right: 5px; } #ContactUs #Column2 H4 { margin: 0px 0 x 0; } #ContactUs #Column2 P { margin: 0 0 5px 0; } #ContactUs #Column2 INPUT.Button { cursor: pointer; color: #666; padding: 5px 15px; background: #CCC; text-decoration: none; margin-right: 2px; border: 1px solid #AAA; } #ContactUs #Column2 SPAN.Red { color: #8c2508; } /* Catalog Specific ----------------------------------------------- */ #Catalog.Index #Column1 { padding-left: 40px; } #Catalog UL#CategoryListing { list-style: none; } #Catalog UL#CategoryListing LI { clear: both; color: #666; margin: 10px 0; padding-top: 10px; text-transform: uppercase; border-top: 1px solid #CCC; } #Catalog UL#CategoryListing LI SPAN { } #Catalog UL#CategoryListing LI SPAN A { border: 1px #CDCDCD solid; text-align: center; padding: 5px 0px; margin: 6px 6px 0px 0; width: 57px; background-color: #DBDBDB; float: left; } #Catalog UL#CategoryListing LI SPAN A.Selected { background-color: #FEFEFE; } #Catalog UL#CategoryListing LI SPAN A:HOVER { text-decoration: none; background-color: #EEE; } #Catalog UL#CategoryListing A { color: #666; text-decoration: none; font-size: 80%; } #Catalog UL#CategoryListing A:LINK { color: #666; } #Catalog UL#CategoryListing A:VISITED { color: #666; text-decoration: none; } #Catalog UL#CategoryListing A:HOVER { color: #a2652c; text-decoration: underline; } #Catalog UL#CategoryListing A:ACTIVE { color: #a2652c; text-decoration: underline; } #Catalog #Column1 .LatestNews DD A { color: #000; } #Catalog #Column1 .LatestNews DD A:HOVER { color: #AAA; } #Catalog #Column1 .LatestNews { padding: 20px 10px 0 0px; text-align: left; clear: both; display: block; } #Catalog #Column1 .LatestNews P { font-size: 75%; } #Catalog #Column1 .LatestNews DL { margin: 10px 0 20px 0; font-size: 90%; } #Catalog #Column1 .LatestNews DT { font-weight: normal; margin: 0 0 5px 0; } #Catalog #Column1 .LatestNews DD { font-size: 90%; } #Catalog #Column1 .LatestNews H4 { font-weight: bold; text-transform: uppercase; } #Catalog DIV.PageListingThumb { margin-right: 10px; width: 160px; text-align: center; float: left; } #Catalog DIV.PageListingThumb IMG { padding: 5px; border: 1px solid #CCC; } #Catalog DIV.PageListingThumb P { padding: 5px; font-size: 75%; } #Catalog .Pagination { margin: 5px 0 10px 0; display: block; font-size: 90%; } #Catalog .Pagination STRONG, #Catalog .Pagination A.Selected { color: #000; } #Catalog .Pagination A { color: #666; text-decoration: none; padding: 5px 3px; } #Catalog .Pagination A:HOVER { color: #a2652c; text-decoration: underline; } #Catalog .Pagination STRONG { color: #a2652c; } #Catalog DIV.Pagination { float: right; } #Catalog #Columns.TypeB #Column1 { padding: 20px 0 20px 30px; width: 200px; float: left; } #Catalog #Columns.TypeB #Column2 { padding-top: 25px; padding-right: 25px; width: 680px; float: right; } #Catalog #Columns.TypeC, #Catalog #Columns.TypeC #Column1 { padding: 10px 0 0 0; margin: 0 0 0 10px; } #Catalog #Columns.TypeC .Pagination { margin: 0 0 10px 20px; clear: both; display: block; float: left; padding: 0; width: 920px; } #Catalog #Columns.TypeC .Pagination SPAN { border: 1px #FFF solid; text-align: center; padding: 3px 0px; margin: 6px 10px 0px 0; float: left; display: block; background-color: #FFF; } #Catalog #Columns.TypeC .Pagination A { border: 1px #CDCDCD solid; text-align: center; padding: 3px 0px; margin: 6px 3px 0px 0; width: 24px; float: left; display: block; background-color: #DBDBDB; } #Catalog #Columns.TypeC .Pagination A.Selected { background-color: #FFF; } #Catalog #Columns.TypeC .Pagination A:HOVER { text-decoration: none; background-color: #EEE; } #Catalog #Columns.TypeC #CatSelector { width: 888px; float: left; margin: 0; text-align: right; } #Catalog #Columns.TypeC H3 { position: absolue; float: left; padding: 0px 0 0 0; margin: -20px 0 10px 20px; } #Catalog #Columns.TypeC #PrevNext { margin-left: 5px; width: 200px; float: right; } #Catalog #Columns.TypeC #PrevNext.Bottom A { border: 1px #CDCDCD solid; text-align: center; margin: 6px 3px 0px 0; float: right; display: block; background-color: #DBDBDB; } #Catalog #Columns.TypeC #PrevNext DIV A { width: 70px; text-align: center; background-color: #EEE; } #Catalog #Columns.TypeC #PrevNext DIV A:HOVER { text-decoration: none; background-color: #FFF; } /* Retailers Specific ----------------------------------------------- */ #Retailers.Index #Column1 { } #Retailers.Index #Column1 .PageDetail { margin: 0 auto; width: 720px; background: #FFF url(/images/retailers_background_top.jpg) top left no-repeat; } #Retailers.Index .RetailerLogin { padding: 45px 50px; } #Retailers.Index .RetailerLogin #Login { width: 300px; text-align: center; float: left; } #Retailers.Index .RetailerLogin #Register { width: 300px; text-align: center; float: left; } #Retailers.Ordering #Column1 { padding-left: 22px; } #Retailers.Ordering #Column1 .PageDetail { } #Retailers.Ordering #Column1 .PageDetail .Buttons IMG { float: left; } #Retailers.Ordering #Column1 .Terms { width: 600px; } #Retailers.Ordering #Column1 .Terms H3 { margin-bottom: 1em; } #Retailers.Ordering #Column1 UL { margin-left: 1em; } #Retailers.Ordering #Column1 LI { margin-bottom: .5em; font-size: 80%; } #Retailers.Register #RegistrationTable SPAN.Red { color: #8c2508; } #Retailers.Register #RegistrationTable TD { padding-bottom: 10px; vertical-align: top; font-size: 85%; } #Retailers.Register #RegistrationTable TD.Right { padding-right: 10px; text-align: right; } #Retailers.Register #RegistrationTable DIV.Small { font-size: 75%; color: #666; font-style: italic; } #Retailers.Register LABEL { padding-bottom: 1em; font-weight: bold;} #Retailers.Register INPUT.TextInput { width: 300px; } #Retailers.Register INPUT.TextInput.City { width: 160px; } #Retailers.Register INPUT.TextInput.Street1 { margin-bottom: 5px; } #Retailers.Register INPUT.TextInput.Zip { width: 100px; } #Retailers.Register TEXTAREA { width: 500px; } /* StoreLocator Specific ----------------------------------------------- */ #StoreLocator #Column2 DL { margin-bottom: 0em; margin-top: .5em;} #StoreLocator #Column2 DT { margin-bottom: .35em; font-size: 85%; font-weight: bold; } #StoreLocator #Column2 DD { margin-bottom: .05em; font-size: 75%; } #StoreLocator #Column1 .LatestNews { margin: 0 0 0 20px; text-align: right; } #StoreLocator #Column1 .LatestNews P { font-size: 75%; } #StoreLocator .Right FORM { float: right; margin: -2px 0 0px 10px; } #StoreLocator H4.Right { text-transform: capitalize; font-size: 100%; } #StoreLocator H4 { text-transform: uppercase; font-size: 120%; } #StoreLocator HR { background-color: #CCC; border: 0; height: 1px; } #StoreLocator A.Right { font-size: 85%; text-decoration: none; } #StoreLocator A.Right:HOVER { color: #000; } #StoreLocator A.Right IMG { margin-right: 3px; } #StoreLocator TD { color: #a2652c; } #StoreLocator DL.StoreListing { height: 122px; padding-right: 10px; width: 185px; float: left; } #StoreLocator DL.Featured { height: 100px; margin-right: 10px; padding: 10px; width: 165px; background: #fae8da url(/images/store_locator-featured_bg.jpg) no-repeat bottom left; border: 1px solid #c3915e; } /* OrderForm Specific ----------------------------------------------- */ #OrderForm #Logo, #OrderForm #Nav { display: none; } #OrderForm #Masthead {height: 40px; margin: 15px auto 0 auto; } #OrderForm .TableHead { font-size: 70%; color: #666; text-align: center; vertical-align: bottom; padding: 0 0 5px 0; } #OrderForm TD { text-align: center; } #OrderForm .Holder { display: none; } #OrderForm .AddRemove { color: #999; } #OrderForm .AddRemove A.hideRow { color: #888; } #OrderForm .AddRemove A { color: #666; margin-left: 2px; padding: 4px 0 4px 0; width: 75px; border: 1px solid #999; display: block; background-color: #CCC; text-decoration: none; font-weight: normal; font-size: 70%; } #OrderForm .AddRemove A:HOVER { color: #000; background-color: #EEE; } #OrderForm #Checkboxes { margin: 20px 0; } #OrderForm TD { padding: 0 0 4px 0; } #OrderForm TD INPUT { padding: 2px; } #OrderForm TD.First, #OrderForm TD.First INPUT { width: 90px; } #OrderForm TD.Second, #OrderForm TD.Second INPUT { width: 20px; } #OrderForm TD.Third, #OrderForm TD.Third INPUT { width: 60px; } #OrderForm TD.Fourth, #OrderForm TD.Fourth INPUT { width: 60px; } #OrderForm TD.Fifth, #OrderForm TD.Fifth INPUT { width: 60px; } #OrderForm TD.Sixth, #OrderForm TD.Sixth INPUT { width: 60px; } #OrderForm TD.Seventh, #OrderForm TD.Seventh INPUT { width: 60px; } #OrderForm TD.Eighth, #OrderForm TD.Eighth INPUT { width: 220px; } #OrderForm TD.Ninth, #OrderForm TD.Ninth INPUT { width: 75px; } #OrderForm TD.Tenth, #OrderForm TD.Tenth INPUT { width: 75px; } #OrderForm.Popup LABEL.error { display: none; clear: both; width: 300px; padding: 0 0 10px 100px; text-transform: uppercase; font-family: arial; color: #FF0000; font-size: 70%; } #OrderForm.Popup .Checkboxes LABEL.error { padding: 5px 0 0 0; clear: both; } #OrderForm.Popup HR { clear: both; display: block; color: #999; margin: 0; background-color: #CCC; border: 0; height: 1px; } #OrderForm.Popup .TableHead { font-size: 70%; color: #666; text-align: center; vertical-align: bottom; padding: 0 0 5px 0; } #OrderForm.Popup INPUT { padding: 2px 0px; } #OrderForm.Popup .First, #OrderForm.Popup DIV.First INPUT { width: 60px; } #OrderForm.Popup .Second, #OrderForm.Popup DIV.Second INPUT { width: 25px; } #OrderForm.Popup .Third, #OrderForm.Popup DIV.Third INPUT { width: 50px; } #OrderForm.Popup .Fourth, #OrderForm.Popup DIV.Fourth INPUT { width: 60px; } #OrderForm.Popup .Fifth, #OrderForm.Popup DIV.Fifth INPUT { width: 65px; } #OrderForm.Popup .Sixth, #OrderForm.Popup DIV.Sixth INPUT { width: 60px; } #OrderForm.Popup .Seventh, #OrderForm.Popup DIV.Seventh INPUT { width: 55px; } #OrderForm.Popup .Eighth, #OrderForm.Popup DIV.Eighth INPUT { width: 213px; } #OrderForm.Popup .Ninth, #OrderForm.Popup DIV.Ninth INPUT { width: 120px; } #OrderForm.Popup .Tenth, #OrderForm.Popup DIV.Tenth INPUT { width: 30px; margin-top: 18px; } #OrderForm.Popup DIV.Page { clear: both; margin: 0 auto; width: 435px; } #OrderForm.Popup .OrderFormFields { width: 435px; } #OrderForm.Popup OL { margin: 10px 0 20px 25px; font-size: 85%; } #OrderForm.Popup OL LI { margin: 5px 0 0 0; } #OrderForm.Popup DIV.TableHead, #OrderForm.Popup .OrderFormFields DIV, #OrderForm.Popup .FormListing DIV { float: left; display: block; padding: 4px 8px 10px 0; text-align: center; } #OrderForm.Popup DIV.TableHead LABEL, #OrderForm.Popup .OrderFormFields DIV LABEL, #OrderForm.Popup .FormListing DIV LABEL { display: block; clear: both; } #OrderForm.Popup DIV.TableHead SELECT, #OrderForm.Popup .OrderFormFields DIV SELECT, #OrderForm.Popup .FormListing DIV SELECT { float: left; display: inline; margin: 2px; } #OrderForm.Popup .OrderFormFields { margin: 0; padding: 0; } #OrderForm.Popup .OrderFormFields DIV INPUT { display: block; margin-right: 10px; } #OrderForm.Popup .FormListing DIV INPUT { margin-right: 2px; } #OrderForm.Popup .Page .Content { width: 375px; padding: 20px; background: #FEFEFE; border: 10px solid #ECECEC; } #OrderForm.Popup .AddRemove A { color: #666; margin-left: 2px; width: 12px padding: 2px 3px; border: 1px solid #999; display: block; background-color: #CCC; text-decoration: none; font-size: 75%; } #OrderForm.Popup .AddRemove A:HOVER { background-color: #EEE; color: #000; } #OrderForm .Item { width: 400px; float :left; margin: 10px 0; } #OrderForm .Item P { display: block; font-size: 90%; padding: 3px 0; } #OrderForm .Item P LABEL { display: block; float: left; width:100px; } #OrderForm .Checkboxes P INPUT { display: block; float: left; margin: 2px 8px 6px 0; } #OrderForm .Checkboxes P { font-size: 80%; display: block; margin: 0; padding: 0; clear: both; } #OrderForm.Popup A.addRow { color: #666; padding: 3px 10px; background: #CCC; text-decoration: none; float: left; margin-right: 11px; border: 1px solid #AAA; } #OrderForm.Popup #Columns TEXTAREA { width: 440px; } #OrderForm.Popup .Warning { display: block; top: 0; position: fixed; width: 100%; z-index: 100; } #OrderForm.Popup .Button.Submit { background: #a2652c; color: #FFF; border-color: #666; } #OrderForm.Popup INPUT.Button, #OrderForm.Popup A.Button { cursor: pointer; color: #666; padding: 5px 15px; background: #CCC; text-decoration: none; float: right; margin-right: 2px; border: 1px solid #AAA; } #OrderForm.Popup A:Hover.Button { background: #EEE; color: #a2652c; } #OrderForm.Popup .Item { width: 400px; margin: 0; } #OrderForm.Popup #Columns, #OrderForm.Popup #ColumnsWrapper, #OrderForm.Popup #Column1 { width: 440px; background: none; } #OrderForm.Popup #FooterWrapper { display: none; } #OrderForm.Popup #Masthead { display: none; } #OrderForm.Popup .Error { display: block; top: 0; position: fixed; width: 100%; height: 100%; z-index: 200; background: url(/images/transparent_background.png); } #OrderForm.Popup .Error .Message { text-align: left; margin: 40px auto; color: #a2652c; width: 400px; padding: 20px; border: 1px solid #a2652c; background: #FFF; } #OrderForm.Popup .Error .Message P { font-size: 100% } #OrderForm.Popup .Error .Message .Button { margin: 0 4px 0 0; }