/* Everything */ /* the next line has additional code for background colour of white */ /* the next line has a new margin-top to allow for Google checkout */ html{margin-bottom:1px; margin-top:5px; height:100%; background-color:#FFFFFF;} body {margin:5px;color:#434334;} .edge { display: inline; float: right; padding: .75em 0 0; } #all {width:775px;border:1px solid #ccc;padding:15px;margin:0} html>body #all { width: 745px; } p{ font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;text-align:left;line-height:180%;color:#434334;padding:0;margin:.6em 0;} li{ font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;text-align:left;padding:0;margin:10px 0;color:#434334} h1 { font: normal bold .8em arial, verdana, tahoma, sans-serif; text-align:left;color: #D40026;margin:0;padding:0;text-transform:uppercase;} h2 { font: normal bold 15px arial, verdana, tahoma, sans-serif; text-align:left;color: #434334;margin:5px 0 0 0;padding:0;} h3 { font: normal bold 13px arial, verdana, tahoma, sans-serif; text-align:left;color: #434334;margin:5px 0 0 0;padding:0;} #header {text-align:left;padding-bottom:0; min-height: 55px;} #header #logo {float:right;} * html #header { height: 55px;} /* thums on home page */ .homethums {text-align:center;margin:0;padding:0;width:325px; } .homethums img {margin-top:.3em; margin-bottom:.3em;border-width: 0px} .homethums a {font: normal normal 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #D40026; text-decoration: none;} .homethums td {font: normal normal 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none;text-align:center;padding-right:7px;padding-left:7px} .carpetthums {text-align:center;margin:0;padding:0;width:200px;} .carpetthums img {margin-bottom:.3em;} .carpetthums a {font: normal normal 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #D40026; text-decoration: none;} .carpetthums td {font: normal normal 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none;text-align:center;padding-right:15px;} #homethums a:hover {text-decoration: underline;} /* LINKS */ a {color: #D40026; text-decoration: underline;} a:hover {color: #434334; text-decoration: underline;} b{ font-weight: bold;} /* Google buttons for add to cart */ .product-image { border:solid 1px #ccc; } .product-title, .product-price, .product-shipping { font-weight:bold; } .data-cell { padding:0px 50px 0px 10px;border:solid 0px #fff;vertical-align:top} .align-cart { padding-left:480px } /* MAIN HOME */ #contentarea {clear:both;width:100%;} #contentareaa {clear:both;width:45%;float:left;text-align:left;} #contentareab {width:45%;float:right;text-align:left;} /* original on HOME page with dark border #leftpic {float:left;vertical-align:top;background-color:#E2E2D3;padding:1em;border:1px solid #434334;width:270px} */ /* Jne 09 altered border to grey #leftpic {float:left;vertical-align:top;background-color:#E2E2D3;padding:1em;border: solid 2px #b0b0b0;;width:270px} */ /* April 11 altered border to pale green #E5FFE5 */ #hleftpic {float:left; vertical-align:top; background-color:#E5FFE5;padding:1em;border: solid 2px #b0b0b0; width:210px; height:267px;} #hleftpic img {border:0px solid #C5C5B7} #hleftpic p.footnote { width: 240px; margin: 1em auto 0; padding: .5em 5px; font: normal .7em/140% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-align:center;} #hleftpic p.footnote a { display: block; } #hleftpic p.footnote a, #leftpic p.footnote a:link, #leftpic p.footnote a:visited { color: #434334; text-decoration: none; } #hleftpic p.footnote a:hover { color: #d40026; } #hleftpic p {font: normal bold .7em Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none; width:210px; height:50px; margin:0;line-height:140%;} #hleftfloat {float:left;vertical-align:top;background-color:#E5FFE5;padding:1em;border: solid 2px #b0b0b0; width:210px; height:104px;} #hleftfloat img {border:0px solid #C5C5B7} /* left pic for other web pages with wider width than home page leftpic (hleftpic)*/ #leftpic {float:left;vertical-align:top;background-color:#E5FFE5;padding:1em;border: solid 2px #b0b0b0;width:270px} #leftpic img {border:0px solid #C5C5B7} #leftpic p.footnote { width: 240px; margin: 1em auto 0; padding: .5em 5px; font: normal .7em/140% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-align:center;} #leftpic p.footnote a { display: block; } #leftpic p.footnote a, #leftpic p.footnote a:link, #leftpic p.footnote a:visited { color: #434334; text-decoration: none; } #leftpic p.footnote a:hover { color: #d40026; } /* Left pic for the runners fader page */ #rleftpic{float:left; vertical-align:top; background-color:#E5FFE5;padding:1em;border: solid 2px #b0b0b0; width:330px; height:480px;} #rleftpic img {border:0px solid #C5C5B7} /* Left pic and text to the left for cleaning and restoration */ #cleftpic{float:left; vertical-align:top; background-color:#FFFFFF;padding:1em;border: solid 2px #b0b0b0; width:460px; height:165;} #cleftpic img {border:0px solid #FFFFFF; float:right} #cleftpic p.sidenote { float:left; width: 245px; margin: 1em auto 0; padding: .5em 5px; font: normal .7em/140% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-align:left;} #cleftpic p.sidenote a { display: block; } #cleftpic p.sidenote a, #leftpic p.sidenote a:link, #leftpic p.sidenote a:visited { color: #434334; text-decoration: none; } #cleftpic p.sidenote a:hover { color: #d40026; } #leftlefttext{width:270px;padding:1em; border: solid 2px #b0b0b0;text-align:left;} #main{float:left;vertical-align:top;width:390px;margin-left:22px;text-align:left;} /* on runners page the text section is narrower than standard */ #rmain{float:left;vertical-align:top; width:340px; margin-left:22px;text-align:left;} /* on home page want to use "main" twice so created class version */ .hmain{float:left;vertical-align:top;width:390px;margin-left:22px;text-align:left;} .carpetofthemonth{float:left;margin:0 13px 0 0} /* MAIN INNER */ .fullwidthtext{clear:both;width:100%;float:left;text-align:left;} .fullwidthtext li{line-height:170%;} #lefttext{display: inline;float:left;vertical-align:top;width:430px;margin:0 40px 40px 0;text-align:left;} #lefttext li{ line-height:170%;} #lefttext500{display: inline;float:left;vertical-align:top;width:500px;margin:0 40px 40px 0;text-align:left;} #righttext {float:left; width:220px;} #righttext p, #detail-righttext p {font: normal normal .8em Georgia, sans-serif; color: #434334; line-height:160%} #detail-righttext {float:left; width:190px;} html>body #detail-righttext {float:left; width:190px;} * html #lefttext { width:470px; } #rightlinks {float:left; width:190px;} html>body #rightlinks, html>body #righttext {margin-left:40px;} #rightlinks ul {margin:0;padding:0;} #rightlinks li {display:block;list-style:none;} #rightlinks li a {font: normal bold .9em Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #66634D; text-decoration: none;text-transform:uppercase;line-height:150%; } #rightlinks a:hover{color:#A4A483;} #rightlinks a.on{color:#A4A483;} #rightlinks img{float:left;} .wider{float:left;vertical-align:top;text-align:left;height:auto;margin:0 40px 40px 0;} /* MAIN GALLERY */ #whereweare{clear:both;border:1px solid #ccc;font: normal normal .7em Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #66634D;height:20px; padding:10px} #whereweare a {text-decoration:none;color: #D40026;} #whereweare a.on {text-decoration:underline;color: #000;} #whereweare a.off {text-decoration:none;color: #ccc;} #gallerytitle {clear:both;display:inline;float:left;margin:0;padding:1em 0 0;} .right {text-align:right;} .detail {} .detail{width:430px;margin:0 0px 40px 0;text-align:left;} .detail td{vertical-align:top;} .right{text-align:right;} .detail img{} /* Footer */ #footer {clear:both;width:100%;font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;text-align:left;line-height:140%;padding-top:1em;margin-top:0;} #footer .tagline {font-weight:bold;letter-spacing:.2em;} /* Form styles */ .form{ font: normal normal .7em trebuchet ms,verdana,arial,sans serif; color:#000; width:200px; } input, select{ font: normal normal 11px verdana,arial,sans serif; color:#000; } /* Top left design style below footer Replaced by #botnav */ #tld {font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;width:745px;text-align:right;margin-top:10px;padding:0;} /* bottom navigation to new links */ #botnav {clear:both;width:100%; padding:15px;margin:0;} #botnav ul {margin-top:10px; padding:0;} #botnav li {display:inline;list-style:none; padding-right:.17em;margin-right:.5em;border-right:1px solid #000} #botnav li a {font: normal bold 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none;text-transform:uppercase;line-height:1.6em; } #botnav a:hover{color:#D40026;} #botnav a.on{color:#D40026;} /* div all details width:775px;border:1px solid #ccc;padding:15px;margin:0 */ /*sitemap navigation to list of links (Could not get the font size in em format as became too small */ #sitenav {clear:both;width:100%;text-align:left; list-style-type:none;} #sitenav li a {font: normal normal 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none;} #sitenav a:hover{color:#D40026;} #sitenav a.on{color:#D40026;} .searchform {background-color:#f5f5f5;border:1px solid #000} .searchform select {background-color:#f5f5f5;border:1px solid #000} .searchform option {background-color:#fff;border:1px solid #000} .contactform {background-color:#f5f5f5;} .contactform ul{list-style:none;margin:0;padding:0;} .contactform li{margin:1px;padding:5px; width:26em;color:#666666;border-bottom:0px solid #fff;border-top:1px solid #fff} .contactform li.chckbx{margin:1px;padding:5px; width:26em;color:#666666;border-bottom:0px solid #fff;} .contactform label{float: left; width: 50%; text-align: left; padding: 5px 0 0 0} .contactform li.submit{margin-left:147px} .contactform textarea{ margin-top:3px;font: normal normal 11px verdana,sans-serif;text-align:left;} .contactform input{font: normal normal 11px verdana,sans-serif;text-align:left;} .contactform input.button{font-family:verdana,arial helvetica,sans-serif;font-size:11px;width:80px;text-align:center; margin-left:200px;color:#414141} p.unsubscribe{font: .8em} /* TOPNAV*/ #topnav {float:left;} #topnav ul {margin:0;padding:0;} #topnav li {display:inline;list-style:none; padding-right:.17em;margin-right:.5em;border-right:1px solid #000} #topnav li a {font: normal bold 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #434334; text-decoration: none;text-transform:uppercase;line-height:1.6em; } #topnav a:hover{color:#D40026;} #topnav a.on{color:#D40026;} /***************** dropdown div ***********************/ .dropmenudiv{ position:absolute; clear:both; border: 1px solid #000000;/*THEME CHANGE HERE*/ z-index:100; background-color: #E2E2D3; width: 160px; visibility: hidden; top: 1; margin-top:5px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ -moz-opacity:.8; filter:alpha(opacity=40); } .dropmenudiv a{ display: block; text-indent: 6px; padding: 3px; text-decoration: none; font-weight: normal; color: black; background: #E2E2D3; border-bottom: 0px solid #000000; -moz-opacity:.8; filter:alpha(opacity=95); } html .dropmenudiv a{ /*IE only hack*/ width: 100%; } .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ text-decoration:none; background: #ffffff; width:160px !important; width:158px; } ul#dropdown {margin:0px 0px 0px 0px; padding:3px 0px 3px 0px;} ul#dropdown li {color:#000000; font-weight:normal; border:none; padding:0px;} ul#dropdown li a{font-family:'Tahoma', Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; text-transform:none; font-size:11px; list-style-type:none; padding:0px 0px 3px 0px;} ul#dropdown li a:hover{color:#D40026;} /* Product Details - */ #product-details { clear: both; width: 100%; padding: 12px 0 1px; border-style: solid; border-width: 1px 0; border-color: #ccc; } #product-details .colgroup { float: left; width: 100%; position: relative; } #product-details .colA { float: left; width: 259px; padding-bottom: 175px; } #product-details .colB { float: right; width: 452px; } /* Product Details - Runners page with fader could not get to work in IE #product-details2 { clear: both; width: 100%; padding: 12px 0 1px; border-style: solid; border-width: 1px 0; border-color: #ccc; } #product-details2 .colgroup { float: left; width: 100%; position: relative; } #product-details2 .colA { float: left; width: 350px; padding-bottom: 175px; } #product-details2 .colB { float: right; vertical-align:top; overflow: hidden; background-color:#E5FFE5; padding:1em;border: solid 2px #b0b0b0; width: 330px; height:480px;} #product-details2 ul, #product-details2 ul li { list-style: none; margin: 0; padding: 0; } #product-details2 .fade li { background-color: #E5FFE5; } #product-details2 img {border:0px solid #C5C5B7; float:left } */ /* wider columns for products - don't think these are used #product-details .col1 { float: left; width: 380px; padding-bottom: 25px; } #product-details .col2 { float: right; width: 168px;} */ #product-details img.preview { border: solid 2px #b0b0b0; } #product-details .detailed-view { position: absolute; bottom: 0; left: 0; z-index: 1; } #product-details .detailed-view h3 { margin-bottom: .25em; color: #d40026; font-weight: normal; font-size: 14px; text-transform: uppercase; } /* Fader home page */ #fader { overflow: hidden; width: 210px; height: 267px; } #fader ul, #fader1 ul li { list-style: none; margin: 0; padding: 0; } #fader .fade li { background-color: #e5ffe5; } /* Fader runners page */ #rfader { overflow: hidden; width: 330px; height: 480px; } #rfader ul, #rfader1 ul li { list-style: none; margin: 0; padding: 0; } #rfader .fade li { background-color: #e5ffe5; }