/* CSS Document */ * {margin:0; padding:0; border:0; } body {text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; background-image:url(../images/blackbg.gif); } h1 { font-family: "Times New Roman", Times, serif; font-size:20px; text-align:left; color:#FFFFFF; margin:0; padding:0; font-weight:normal; } #wrapper {width:965px; margin:20px auto 0 auto; padding:0 0 30px 0; background-color:#FFFFFF; -moz-border-radius:10px; border-radius:10px; } /* a hack for IE Windows only _ not IE Mac \*/ * html #wrapper {width:980px; margin:20px auto 0 auto; padding:0 0 30px 0; background-color:#FFFFFF; } /* end of hack */ #wrapper h3 { font-size:1.5em; color:#FF0000; } #nav { background-color:#000000; margin:1px 0 0 0; padding:3px 0; font-size:13px; color:#FFFFFF; font-weight:bold; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; border-radius-topright:8px; border-radius-topleft:8px; } #nav a {color:#999999; text-decoration:none; margin:0 8px 0 8px; } #nav a:hover {color:#666666; } #nav ul { display:inline; border-right:2px solid #AAAAAA; } #nav li { display:inline; border-left:2px solid #AAAAAA; } #navProducts { background-color:#000000; margin:1px 0 0 0; padding:3px 0; font-size:13px; color:#FFFFFF; font-weight:bold; border-top: 5px solid #666666; } #navProducts a {color:#999999; text-decoration:none; margin:0 8px 0 8px; } #navProducts a:hover {color:#666666; } #navProducts ul { display:inline; border-right:2px solid #AAAAAA; } #navProducts li { display:inline; border-left:2px solid #AAAAAA; } #header { background-color:#000000; padding:5px 0 5px 10px; margin:1px 0 0 0; height:72px; } #headercontact { float:right; width:200px; } #header img {float:left; } #header p { color:#FFFFFF; font-size:120%; text-align:right; margin:30px 32px 0 0; } #header span { font-size:125%; } .holidayMsgProd { background-color:#FFFFFF; text-align:left; margin:0; padding:5px 0 5px 20px; border:3px solid #FF0; border-bottom:1px solid #FFFFFF; border-radius:8px; } .holidayMsgProd p {color:#990033; font-size:14px; margin:0; padding:0; } .holidayMsgProd span { color: #9933CC; font-weight:bold; } .holidayMsgProdGateway { font-size:14px; text-align:left; width:760px; padding:15px; margin:30px auto 30px auto; border:1px solid #F00; border-radius:10px; background-color:#FF9; } .holidayMsgProdGateway h2 { color: #F00; } #subheader { background-color:#000000; font-family: "Times New Roman", Times, serif; font-size:20px; text-align:left; color:#FFFFFF; margin:0; padding:2px 0 0px 20px; border-top:2px solid #FFFFFF; font-size:20px; height:28px; } #subheader span { color:#FFFF00;} #subheader h1 { float:left; margin:0px 0 0 0; padding:0; border:0;} #subheaderProduct { background-color:#000000; font-family: "Times New Roman", Times, serif; font-size:20px; text-align:left; color:#FFFFFF; margin:0; padding:10px 0 1px 20px; height:30px; border-top:5px solid #666666; border-bottom: 5px solid #666666; } #subheaderProduct span { color:#FFFF00;} #subheaderProduct h1 { float:left; margin:0; padding:0; border:0;} #sortBox { font-size:14px; margin:15px 0 0 80px; float:left; width:200px; height:30px; text-align:center; padding:10px 10px 0 10px; color:#FFFFFF; background-color:#333333; border:1px solid #FFFF99; border-radius:5px; } #sortBox select { color:#000099; background-color:#FFFFAA; } #sortBox option { padding:0 5px; } #form2 { float:right; margin:2px 20px 0 0; } #formyoko { margin:0px 0px 0 0; float:right; } #formyoko img { margin:0; padding:0; border:0; } #scroll { margin:5px 60px 0 0; width:220px; float:right; } #scroll img {margin:-2px; padding:0; border:0; } #scrollLandingPages { margin:7px 60px 0 0; width:160px; float:right; } #scrollLandingPages img {margin:-2px; padding:0; border:0; float:right; } #scrollQuilts { margin:5px 60px 0 0; width:160px; float:right; } #scrollQuilts img {margin:-2px; padding:0; border:0; float:right; } #content { float:left; } #content2 { float:left; margin:0px 0 0 0; } #content2 h6 { font-size:1.2em; margin:0 0 0px 0; font-family:"Times New Roman", Times, serif; } #content2 h2 { font-size:1.5em; } #content2 h5 { color:#FF0000; font-weight:bold; font-size:1.6em; margin:0px; font-family:"Times New Roman", Times, serif; background-color:#FFFF00; } #content2 h5 span { text-decoration:line-through; color:#000; margin:0px; font-family:"Times New Roman", Times, serif; } #content3 { min-height:560px; padding:10px 0 0 0; } #content3 img {float:left; margin:10px 0 0 10px; } #content3 span { font-weight:bold; } #content3_lhpanel { width:430px; float:left; margin:10px 0 0 0; } #content3_lhpanel p { font-size:14px; color:#666666; text-align:center; } #content3_lhpanel a { font-size:14px; color:#666666; text-decoration:none; } #lhpanel {float:left; width:414px; margin-left:20px; } #rhpanel { float:right; width:450px; padding:0 15px 0 0; margin-right:30px; } #rhpanel h3 { font-size:1.6em; text-align:left; margin:20px 0 15px 0; color:#333333; } #rhpanel h5 { color:#000000; font-size:1.6em; text-align:left; margin:20px 0 15px 37px; } #rhpanel h5 span { text-decoration:line-through; } #rhpanel h4 { color:#FF0000; font-size:1.8em; text-align:left; margin:-10px 0 15px 10px; background-color:#FFFF00; text-align:center; } #rhpanel p { font-size:1.5em; text-align:left; color:#666666; margin:15px 0 0 0; } #rhpanel p span { text-align:left; font-size:10px; color:#660000; margin-left:15px; } #rhpanel ul { text-align:left; margin:25px 0 0 50px; font-size:1.5em; color:#333333; } #rhpanel li {margin:0 0 10px 0; } #rhpanel img { margin:0 0 0 5px; } #form1 { margin:0 0 20px 37px; float:left; } #form1 h6 {color:#FF0000; font-size:1.5em; } #form1 option { margin:0 10px 0 5px; } #content4 { height:400px; background-color:#000000; border:2px #FFFFFF solid; color:#FFFFFF; padding:80px; } #content4 p {font-size:160%; text-align:center; } #content4 h2 {font-size:270%; text-align:center; margin:0 0 40px 0; } #content4 ul { text-align:left; margin:80px 0 0 70px; font-size:160%; color:#CCCCCC; } #content4 li { margin:22px 0 0 0; } #content4 a { color:#FFFFFF; } #content5 { min-height:400px; background-color:#000000; border:2px #FFFFFF solid; color:#FFFFFF; padding:30px 80px 80px 80px; } #content5 p {font-size:160%; text-align:center; } #content5 h2 {font-size:200%; text-align:center; margin:0 0 40px 0; } #content5 ul { text-align:left; font-size:160%; margin:0 0 0 110px; } #content5 li { margin:20px 0 0 0; } #content5 a { color:#CCCCCC; } #content6 { background-color:#000000; border:2px #FFFFFF solid; color:#CCCCCC; padding:40px; } #content6 p {font-size:120%; text-align:left; } #content6 h2 {font-size:200%; text-align:left; margin:0 0 20px 0; } #content6 h4 {font-size:150%; text-align:left; margin:0 0 10px 0; font-weight:normal; } #content6 h4 a:hover { color:#9999FF; } #content6 p span {font-size:100%; color:#666666; font-style:italic; } #content6 a { color:#CCCCCC; } #content7 { background-color:#000000; border:2px #FFFFFF solid; color:#CCCCCC; padding:40px; } #content7 p {font-size:120%; text-align:left; } #content7 h2 {font-size:200%; text-align:left; margin:0 0 20px 0; } #content7 h3 {font-size:180%; text-align:left; margin:0 0 10px 0; } #content7 h4 {font-size:180%; text-align:left; margin:0 0 10px 0; font-weight:normal; } #content7 h4 a:hover { color:#9999FF; } #content7 span {font-size:100%; color:#666666; font-style:italic; } #content7 a { color:#CCCCCC; } #content8 { background-color:#FFFFFF; border:2px #000000 solid; color:#000000; padding:20px 60px; } #content8 p {font-size:160%; text-align:center; } #content8 h2 {font-size:270%; text-align:center; margin:0 0 10px 0; } #content8 h4 { color:#000000; font-size:140%; text-align: left; margin:0 0 0px 0; } #content8 h5 { color:#333333; font-size:120%; text-align:left; margin:0 0 0px 0; } #content8 h6 { color:#0000FF; font-size:120%; text-align:left; margin:0 0 5px 5px; } #content8 ul { text-align:left; margin:20px 0 0 70px; font-size:160%; color:#000000; } #content8 li { margin:22px 0 0 0; } #content8 a { color:#0000FF; } #content8 img { border:2px #999999 solid;} #content9 { height:400px; background-color:#000000; border:2px #FFFFFF solid; color:#FFFFFF; padding:30px 80px 80px 80px; } #content9 p {font-size:18px; text-align:center; } #content9 h2 {font-size:270%; text-align:center; margin:0 0 0px 0; } #content9 ul { text-align:left; margin:30px 0 0 70px; font-size:160%; color:#CCCCCC; } #content9 li { margin:22px 0 0 0; } #content9 a { color:#FFFFFF; text-decoration:none; } #contentSC { min-height:400px; background-color:#FFFFFF; border:2px #FFFFFF solid; color:#000000; padding:30px 80px 80px 80px; } #contentSC p {font-size:160%; text-align:center; } #contentSC h2 {font-size:200%; text-align:center; margin:0 0 40px 0; } #contentSC ul { text-align:left; font-size:160%; margin:0 0 0 110px; } #contentSC li { margin:20px 0 0 0; } #contentSC a { color:#CCCCCC; } #contentTestimonial { background-color:#000000; border:2px #FFFFFF solid; padding:10px 10px 10px 10px; font-style:italic; font-size:160%; } #contentTestimonial h2 {font-size:270%; text-align:center; margin:0 0 0px 0; } #contentTestimonial ul { text-align:left; margin:30px 0 0 70px; color:#CCCC99; } #contentTestimonial li { margin:0px 0 0 0; } #contentTestimonial a { color:#FFFFFF; text-decoration:none; } #footer { } #footer p { font-size:120%; margin:20px 0 0px 0; color:#666666; } #footer a { color:#666666; text-decoration:none; } #subfooter { text-align:justify; margin:20px 10px 0 10px; } #subfooter a {text-decoration:none; color:#666666; } #google_translate_element { background-image:url(../images/blackbg.gif); /*background-color:#000000; border-top:1px solid #FFFFFF;*/ width:100%; } /* ************ CLASSES **********************/ .firstimage { float:left; margin:10px 9px 0 9px; } .firstimagenodisplay { float:left; margin:10px 9px 0 9px; display:none; } .left { float:left; margin:10px 9px 0 0; } .leftnodisplay { float:left; margin:10px 9px 0 0; display:none; } .right { float:right; margin:10px 9px 0 0;} .rightnodisplay { float:right; margin:10px 9px 0 0; display:none; } .leftimg {float:left; margin:0 0 0 5px; } .rightimg { float:right; } .panel { width:350px; height:238px; float:right; text-align: justify; padding:10px; margin:10px 9px 0 0; } .panel p { font-size:150%; } .panel1 { font-size:130%; width:425px; float:left; text-align: justify; padding:10px; margin:5px auto 0 auto; } .panel1 span { color:#FF0000; font-weight:bold; } .panel2 { text-align:justify; padding:10px; margin:10px; } .panel2 p { font-size:150%; } .panel2 span { color:#FF0000; font-weight:bold; } .panel3 { text-align:justify; padding:10px; margin:10px; float:left; width:530px; } .panel3 p { font-size:150%; } .panel3 span { color:#FF0000; font-weight:bold; } .panel4 { text-align:justify; margin:5px 0 0 10px; float:left; width:350px; } /* for left hand image ???*/ .panel4 p { font-size:150%; } .panel4 span { color:#FF0000; font-weight:bold; } .panel5 { text-align:justify; margin:5px 0 0 10px; float:left; width:350px; } /* for middle image??? */ .panel5 p { font-size:130%; } .panel5 span { color:#FF0000; font-weight:bold; } .panel6 { background-color:#CCCCCC; width:520px; font-family: Georgia, "Times New Roman", Times, serif; color:#222222; text-align:justify; margin:10px 10px 20px 10px; padding:10px; float:left; border:1px solid #999999; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; } /* for middle image??? */ .panel6 p { font-size:140%; } .panel6 span { color:#FF0000; font-weight:bold; } .panel182x240 { text-align:justify; border:1px #999999 solid; width:170px; height:220px; padding:5px; } .panel182x240 p { font-size:120%; } .panel182x240 span { color:#FF0000; font-weight:bold; } .sizesJC { width:260px; margin:0 0 20px 40px; color:#660000; font-size:140%; font-weight:bold; background-color:#CCCCCC; border:1px solid #999999; -moz-border-radius:5px; border-radius:5px; } .sizesJC table {margin:0 auto; } .sizes {margin:0 0 20px 20px; color:#660000; font-size:140%; font-weight:bold; background-color:#BBBBBB; -moz-border-radius:5px; border-radius:5px; } .sizes2 {margin:0 0 20px 0px; color:#FF0000; font-size:140%; font-weight:bold; background-color:#999999; } .sizes_sloggi { margin: 0 0 20px 4px; padding:2px; color:#FF0000; font-size:140%; font-weight:bold; background-color:#999999;} .sizes_sloggi table { margin:0 auto 0 auto; } .row { margin:0px 0 0 0; } .row img {float:left; } .scribethrough { text-decoration:line-through; } .scroll {float:right; margin:0 20px 0 0; font-size:16px; } .scroll a {color:#FFC; text-decoration:none; } .subscribe {color:#FFFF66; } .subscribe h5 { font-size: 14px; } .subscribe span { padding:5px; background-color:#333333; display: inline; border:1px solid #FFFF00; } .clearfloats { clear: both; } /*.headerMsg { background-color:#000000; text-align:left; margin:2px 0 0 0; padding:5px 0 5px 20px; } .headerMsg p {color:#FFFF66; font-size:18px; margin:0; padding:0; } /*Last orders in time for Xmas (UK) - 20 December 16:00 hrs!*/ .headerMsg { background-color:#FFFF66; text-align:left; margin:2px 0 0 0; padding:5px 0 5px 20px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; border-radius-topright:8px; border-radius-topleft:8px; } .headerMsg p {color:#FF0000; font-size:14px; margin:0; padding:0; } .headerMsg span { color: #9933CC; font-weight:bold; } .headerMsgProd { background-color:#FFFF66; text-align:left; margin:0; padding:5px 0 5px 20px; border-top:3px solid #FFFFFF; border-bottom:1px solid #FFFFFF; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; border-radius-topright:8px; border-radius-topleft:8px; } .headerMsgProd p {color:#FF0000; font-size:14px; margin:0; padding:0; } .headerMsgProd span { color: #9933CC; font-weight:bold; } .diva { float:left; font-size:30px; margin:5px 0 0 0; } .divb {float:left; font-size:14px; margin:5px 0 0 30px; } .floatleft { float:left; margin:5px 0 0 10px;} .header_wnlogo { margin:0 50px 0 0; } .noscript { color:#F00; font-size:12px; }