/*20051214 2007 09 27*/ /* colours red: #8A0000;/*(#690206; #71040a; #700715; #550008;) #AC2430; mushroom: #d1cbcb; cannot easily change the mushroom because it is the canvas colour of the pepper pot menu image #363030; (mushroom dark grey) white: #ffffff; black: #000000; */ .invisible { display:none;} body{ margin:0px; background-color:#363030; background-color:#000000; /*black instead of dark grey makes the mushroomlook lighter.*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;} textarea,select,input{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;} a { } a:link { color:#000000;} a:visited { color:#000000;} a:hover { color:#8A0000; background-color:#ffffff; text-decoration:none;} a:active { color:#000000;} /*--------------------------*/ .outercontainer { margin:auto; width:784px; padding:0px; border-right: 2px solid #8A0000; border-bottom: 2px solid #8A0000; border-left: 1px solid #ffffff; border-top: 2px solid #ffffff;} .innercontainer{ /*min-height:870px;*/ min-height:1800px; margin:0px; padding:0px; padding-bottom:12px; background-image: url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/parisrougelaque30coladj05.jpg); background-repeat: no-repeat; background-position:0px 88px; background-color:#d1cbcb; /*border: 1px solid #00ff00;*/} .alignright {text-align:right;} .floatwrapper, .float_aligner {clear:both; } /*--------------------------*/ img { border-left:1px solid #8A0000; border-top:1px solid #8A0000; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;} .foreign { font-style:italic;} /*--------------------------*/ .pagetitle{ margin:0px; padding:0px; border-left: 1px solid #363030; border-top: 1px solid #363030; border-bottom: 3px double #8A0000; border-right: 1px solid #ffffff;} .pagetitle h1{ margin:0px; margin-bottom:1px; padding:0px; padding-left:20px; padding-bottom:7px; padding-top:5px; font-weight:100; color:#ffffff; letter-spacing: 7px; font-size:25px; border: 1px solid #ffffff; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/parisrougelaque30coladj04ho.jpg);} .pagetitle a, .pagetitle a:hover, .pagetitle a:link, .pagetitle a:active, .pagetitle a:visited {text-decoration:none; background-color: transparent; color:#ffffff;} /*the following are just title styling----*/ .pagetitle h1 strong{ font-weight:100;} /*emboldens PLUS+ while having keywords marked as strong */ .extraheight { font-size:175%; } .plus { font-weight:bold; text-transform:uppercase; } /*--------------------------*/ .cartsummary, .action { position:absolute; top:6px; z-index:99; /*puts them on top of the page title h1 background*/ height:69px; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:2px solid #ffffff; border-top:1px solid #ffffff; /* border-right:1px solid #8A0000; border-bottom:1px solid #8A0000;*/} .action { margin-left:625px; width:143px; padding:0 5px 0 5px; /*width+padding same as supplement - watch out if add borders*/ text-align:center; } .action h2 { font-weight:100; font-size:180%; color:#8A0000; margin:0px; padding:0px; padding-bottom:4px; padding-top:4px;} .action p {margin:3px 0 0 0; padding:0; font-size:110%;} /*--------------------------*/ .cartsummary { margin-left:445px; width:160px; padding:0px; padding-left:7px; padding-right:7px; text-align:justify;} /*.cartsummary h2, .cartsummary,*/ .cartsummary td/*, .cartsummary h2, .cartsummary h2 a */ { font-weight:100; font-size:110%; } .cartsummary h2 { margin:0px; padding:0px; display:inline;} .cartsummary table, .cartsummary td, .cartsummary tr { margin:0px; padding:0px; } .cartsummary table{ border-left:1px solid #8A0000; } .cartsummary td { padding:1px; /*font-size:10px;*/} .cartsummary img { float:left; margin: 12px 6px 0px 0px; /*padding:0px; padding-right:6px; padding-top:12px;*/ border: none; } .cartsummary a img{ border:none; text-decoration:none; } /*--------------------------------------------*/ .pagesubtitle { margin:0px; margin-left:110px; /*width:668px; height:50px;*/ /*border:1px dotted #13579b;*/ /*display:none;*/} .pagesubtitle h1{ float:left; width:450px; margin:0px; text-indent: -20px; padding:10px 0 10px 40px; font-weight:100; color:#8A0000; font-size:12px; letter-spacing: 5px; } div #pageheading h1 { /*float:left; width:450px;*/ margin-left:-60px; text-indent: -20px; padding:10px 0 10px 40px; font-weight:100; color:#8A0000; font-size:12px; letter-spacing: 5px; } .pagesubtitle ul {margin:0 0 0 20px; padding:0px;} .multileveltitle { /*float:left; width:490px; margin:0px; padding-bottom:10px;*/ /*background-color:#00ff00;*/} .pagesubtitle li, .pagesubtitle li h1, .pagesubtitle li a, .pagesubtitle li a:link, .pagesubtitle li a:active, .pagesubtitle li a:visited {/*font-weight:100; color:#8A0000; font-size:12px; letter-spacing: 5px; padding:0px; margin:0px;*/} .pagesubtitle .multileveltitle li h1 {display:inline; float:none; width:none; margin:0px; padding:0px; /*text-indent: 0px;*/ } .pagesubtitle .level0 {list-style-type: none; /*text-indent: -15px; text-indent: 0px;*/ padding-top:10px;} .pagesubtitle .level1, .pagesubtitle .level2, .pagesubtitle .level3, .pagesubtitle .level4, .pagesubtitle .level5, .pagesubtitle .level6, .pagesubtitle .level7, .pagesubtitle .level8, .pagesubtitle .level9, .pagesubtitle .level10, .pagesubtitle .level11, .pagesubtitle .level12 {list-style-image : url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/raquo.gif); text-indent: 0px; /*list-style-position : inside;*/} .pagesubtitle .level1 {margin-left:10px;} .pagesubtitle .level2 {margin-left:20px;} .pagesubtitle .level3 {margin-left:30px;} .pagesubtitle .level4 {margin-left:40px;} .pagesubtitle .level5 {margin-left:50px;} .pagesubtitle .level6 {margin-left:60px;} .pagesubtitle .level7 {margin-left:70px;} .pagesubtitle .level8 {margin-left:80px;} .pagesubtitle .level9 {margin-left:90px;} .pagesubtitle .level10 {margin-left:100px;} .pagesubtitle .level11 {margin-left:110px;} .pagesubtitle .level12 {margin-left:120px;} /*PAGESUBTITLE: In IE the pagesubtitle p is 2px to the R of where it should be / where it is in Firefox. so removed its RH border so effect was less noticeable Need to line this up with action above and supplement below*/ .pagesubtitle p { /*width:146px; */ margin:0px; margin-left:515px; padding-left:6px; padding-top:4px; padding-bottom:4px; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff;border-top:1px solid #ffffff; border-bottom:1px solid #8A0000; /*border-right:1px solid #8A0000;*/ } .pagesubtitle h1 strong { font-weight:100;} /*prevents bold while having keywords marked as strong */ .pagesubtitle img{ border:none; text-decoration:none;} .pagesubtitle a { color:#8A0000; text-decoration:none;} .pagesubtitle a:link{ margin:1px; margin-bottom:0px; border-bottom:1px solid #8A0000; border:none;} .pagesubtitle a:visited { margin:1px; margin-bottom:0px; border-bottom:1px solid #8A0000; border:none;} .pagesubtitle a:hover{margin:0px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #8A0000; border-bottom: 1px solid #8A0000;} .pagesubtitle a:active { margin:1px; margin-bottom:0px; border-bottom:1px solid #8A0000;} /*--------------------------*/ .maincontent { margin-left:110px; /*width:608px; margin-top:4px;*/ /*border-top: 1px solid #00ffff; border-bottom: 1px solid #ffff00; */} .maincontent h1, .maincontent h2, h2.productfamilynameheading, h2.productfamilynameheading a, h2.productfamilynameheading a:link, h2.productfamilynameheading a:active, h2.productfamilynameheading a:hover, h2.productfamilynameheading a:visited, h3.productfamilynameheading, h3.productfamilynameheading a, h3.productfamilynameheading a:link, h3.productfamilynameheading a:active, h3.productfamilynameheading a:hover, h3.productfamilynameheading a:visited, h2 a, h2 a:visited, h2 a:hover, h2 a:link, h2 a:active { margin:0px; margin-bottom:8px; padding:0px; font-weight:100; color:#8A0000; font-size:12px; text-decoration: none; } .maincontent h1 strong, .maincontent h2 strong { } .maincontent h3, .blogposting h3 a, .blogposting h3 a:visited, .blogposting h3 a:hover, .blogposting h3 a:link, .blogposting h3 a:active { margin:0px; margin-bottom:6px; padding:0px; font-weight:bold; /*color:#8A0000;*/ font-size:10px; text-decoration: none; } /*--------------------------*/ .content { padding-left:60px; float:left; width:445px; clear:both; margin-bottom:10px;/*border:1px solid #ffff00;*/} /* .content ul{ margin-top:10px; padding-top:0px;} .content li { list-style-image:url(images/bullet.gif); padding-left:6px; margin-left:-18px;} */ .contentfull, #searchresults { padding-left:60px; float:left; width:610px; clear:both; margin-bottom:10px;/*border:1px solid #ffff00;*/} .contentpara {width:445px; margin-bottom: 1em;} .whypeugeot { /*div needed to keep quote and text together and not affect following items*/} .quote{ float:right; top:0px; width:30%; margin-left:2px; border-top:3px double #8A0000; border-bottom:3px double #8A0000; font-style:italic; padding:6px;} .credit { padding-top:6px; font-style:normal;} /*--------------------------*/ .recipesummary, recipesummary p { color:#8A0000; font-style:italic;} /*--------------------------*/ table.tabulatedlist { width:100%; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #8A0000;border-right:1px solid #8A0000;} table.tabulatedlist td{ vertical-align: top; /* padding-bottom:12px; padding-right:3px; padding-top:6px; padding-left:10px; */ padding:6px 3px 12px 10px; border-top:1px solid #ffffff;border-bottom:1px solid #8A0000;} table.tabulatedlist th{ text-align:left; border-bottom:1px solid #8A0000; /*padding-left:10px;*/ padding: 3px 0px 7px 10px;} table.tabulatedlist img { /*margin-left:10px; margin-bottom:10px;*/} table.tabulatedlist .pagination_pagedisplay {font-weight:normal; font-size:90%;} table.tabulatedlist .pagination table td {border:none; padding:0px; font-weight:normal;} table.tabulatedlist .pagination .pagination_previous, table.tabulatedlist .pagination .pagination_first {padding-right:5px;} table.tabulatedlist .pagination .pagination_next, table.tabulatedlist .pagination .pagination_last {padding-left:5px;} table.tabulatedlist .pagination .pagination_pages .pagination_seperator {padding-left:3px; padding-right:3px;} img.tabulated_supp { float:right; } /*--------------------------*/ table.productdetail { background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); padding:12px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #8A0000;border-right:1px solid #8A0000;} table.productdetail td{ vertical-align: top; padding-bottom:3px; padding-right:3px;padding-top:6px; border-top:1px solid #ffffff;border-bottom:1px solid #8A0000;} table.productdetail th{ text-align:left; border-bottom:1px solid #8A0000;} .fullproductdisplay { padding:24px;} .fullproductdisplay img { display:block;float:left; margin-right:30px;} /*--------------------------*/ .supplement, .productfamilylocations { top:0px; margin-left:516px; /*width:146px; /*width needed to IE not Firefox */ padding:6px; padding-right:6px; padding-left:8px; background-image: url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); /*float:right;*/ /*border: 1px solid #ffffff;*/} .supplement h2, .productfamilylocations h2 { /*padding:0px; padding-bottom:10px; margin:0px;*/ font-size: 10px; font-weight: bold; letter-spacing: 4px;} .supplement img, .productfamilylocations img { display:block; margin:auto;} /*--------------------------*/ .supp_section { padding-bottom:12px;/* padding:4px; padding-left:8px; margin:0px; margin-bottom:20px; border-left: 1px solid #8A0000;*/ /*border-top: 1px solid #8A0000;*/ /* border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;*/} .supp_section ul { list-style-type: none; list-style-position:outside; list-style-type:disc; margin:0px; margin-top:4px; margin-left:12%; padding:0px; /*list-style-image: url(images/bullet.gif); *//*more difficult to line up and to get cross browser similarities*/} .supp_section li { padding:0px; } /*--------------------------*/ .shopnav { position:absolute; top:0px; /*height:790px;*/ width:124px; margin-top:150px; padding-left:22px; padding-right:22px; /*border:1px dashed #ff0000;*/ } /* 22 124 22 =168 17+2 86/76? 17+2 */ .brandnav, .infonav, .thawte{ padding:17px; color:#ffffff; text-align:center; margin:0px; padding-top:0px; padding-bottom:10px; } .infonav{ padding-left:19px;/* 2px greater than menu with a 2px left border */ padding-top:0px;} .brandnav { border:2px solid #8A0000; border-left:2px solid #ffffff; border-top:2px solid #ffffff; } .brandnav .menuheading { font-weight:bold; } .infonav a{ width:77px; background-color:#363030; color: #ffffff; text-align:center; text-decoration:none; padding:3px; display:block; margin-top:10px;} .infonav a:link{ color: #ffffff; margin-top:10px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .infonav a:visited{ color: #ffffff; margin-top:10px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .infonav a:hover{ color: #ffffff; margin-top:10px; background-color:#584E4E; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; /*background-color:#ac2430;*/} .infonav a:active{ color: #ffffff; margin-top:10px;} .brandnav a{ width:77px; color: #ffffff; background-color:#9F0000; color: #ffffff; text-align:center; text-decoration:none; padding:3px; display:block; margin-top:15px;} .brandnav a:link{ color: #ffffff; margin-top:15px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .brandnav a:visited{ color: #ffffff; margin-top:15px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .brandnav a:hover{ background-color:#D20000; margin-top:15px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; /*background-color:#363030;*/} .brandnav a:active{ color: #ffffff; margin-top:15px;} .thawteplaceholder {background-color:#ffffff; width:80px; height:80px; padding: 5px; text-align:center; color: #000000;} /*--------------------------*/ table.examplecontainer, table.linkscontainer { clear:both; width:100%; padding:0px; margin:0px; margin-bottom:20px;/*border:1px solid #000000;*/} table.examplecontainer td, table.linkscontainer td, .gallery td.gallery_image { vertical-align:top; width:50%; margin-bottom:0px; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #8A0000; border-bottom:1px solid #8A0000;} .examplegroupleft, .examplegroupright { padding:0px; padding-top:10px; padding-left:10px; padding-right:10px;} .examplegroupleft h2, .examplegroupright h2, .examplegroupleft h3, .examplegroupright h3 { padding:0px; padding-bottom:10px; margin:0px; font-size: 10px; font-weight: bold; letter-spacing: 4px;} .examplegroupleft img, .examplegroupright img { float:right; margin-left:10px; margin-bottom:10px;/*need to repeat padding-bottom otherwise when image is longer than text it doesnt work !?!*/ border-left:1px solid #8A0000;/*#550008;*/ border-top:1px solid #8A0000;/*#550008;*/ border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;} .examplegrouptext{ /*text-align:right;*/ padding:0px; padding-bottom:10px; /*border:1px solid #0000ff;*/} .examplegrouptext a{ /*text-align:right;*/} table.linkscontainer th {padding-bottom:10px;padding-top:15px; text-align:left;} table.linkscontainer td {padding:10px;} /*--------------------------*/ .footer { clear:both; margin-left:170px; margin-right:6px; margin-top:10px;border-top:1px dotted #8A0000; /*width:608px;*/ /*border: 1px solid #00ffff;*/ } .adminnav, .aboutus, .date { margin-top:10px; /*width:445px;*/ padding:0px; line-height:150%; /*text-align:center; */ } .adminnav { padding-top:12px;} .adminnav a, .classgroup_subclassmenu a, .brand_links a { margin-right:4px; font-weight:bold; font-size:9px;} .adminnav a:link, .classgroup_subclassmenu a:link, .brand_links a:link {} .adminnav a:visited, .classgroup_subclassmenu a:visited, .brand_links a:visited { } .adminnav a:hover, .classgroup_subclassmenu a:hover, .brand_links a:hover { } .adminnav a:active, .classgroup_subclassmenu a:active, .brand_links a:active { } /*--------------------------*/ table.contactdetails {margin-bottom:12px;} table.contactdetails td { padding-right:6px; padding-bottom:3px; vertical-align:top;} table.contactform { width:100%; /* background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #8A0000;border-right:1px solid #8A0000; */} table.contactform td{ padding:3px;} table.contactform td.fieldname{ text-align:right; font-weight:bold;} table.contactform tr.field_FullName td {padding-top:10px;} table.contactform tr.field_CountryID td {padding-bottom:10px;} table.contactform tr.field_CompanyName td, table.contactform tr.field_CompanyDepartment td, table.contactform tr.field_FaxNumber td, table.contactform tr.field_AddressLine1 td, table.contactform tr.field_AddressLine2 td, table.contactform tr.field_AddressLine3 td, table.contactform tr.field_AddressLine4 td {padding-bottom:20px;} /* table.contactform input, table.contactform textarea { font-size:10px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:1px solid #8A0000;border-left:1px solid #8A0000; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border:none; border-bottom:dashed 1px #000000;} */ table.contactform textarea { width: 280px; } table.contactform input { width: 205px; } table.contactform .checkboxdisplay input, table.contactform input.button { width: auto; } table.contactform select{ border:none; font-size:10px;} /*--------------------------*/ /* Various buttons and input elements */ table.contactform input.button, #fullcheckout .button, .buyme .button, .cartcontrols .cartbutton, .cartfooter .cartbutton, .cartcountry .button, #checkout .UserLoginForm .button, .cartcontrols a, .cartcontrols a:link, .cartcontrols a:visited, .cartcontrols a:active, .tabulatedlist .button { padding:3px; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border:1px solid #8A0000; color:#8A0000; font-weight:bold; font-size:10px;} .cartcontrols a, .cartcontrols a:link, .cartcontrols a:visited, .cartcontrols a:active {padding:4px;} table.contactform input, table.contactform textarea, .fullcart input, #checkout .UserLoginForm input, #fullcheckout input, .buyme input, #search input.searchbox { font-size:10px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:1px solid #8A0000;border-left:1px solid #8A0000; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border:none; border-bottom:dashed 1px #000000; } #fullcheckout input.fielderror, table.contactform input.fielderror, .fullcart input.fielderror, .fielderror {background-color:#ffa8a8;background-image:none;} table.contactform select, #fullcheckout select, .buyme select, .cartcountry select { border:none; font-size:10px; background-color:#E2DEDE;} /*--------------------------*/ /* Table backgrounds and headings */ #fullcheckout table, .cartcountry table, #checkout .UserLoginForm table, .fullcart table, table.contactform {background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #8A0000;border-right:1px solid #8A0000;} #fullcheckout tr.tableheading td, .cartcontrols .instructions, .cartcontrolsinstructions .instructions, #checkout .UserLoginForm tr.tableheading td, table.contactform tr.tableheading td { background-color:#8A0000; color:#d1cbcb; text-align:left; font-weight:bold; border-bottom:2px solid #000000; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #000000;} /*--------------------------*/ .buyme input.qty {text-align:center; vertical-align: bottom;} .buyme .button, .buyme .vabottom {vertical-align: bottom;} .buyme select {margin-bottom: 5px;} /* .buyme input,select{ background-color:#E2DEDE; margin:0px; padding:0px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} */ /* .buyme .button {color: #ffffff; background-color:#584E4E; padding:0px 8px 0px 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} */ /*--------------------------*/ /* .button {color: #ffffff; background-color:#584E4E; padding:0px 8px 0px 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: normal;} */ /* countrychoice, cart and checkout */ /* input,select{ background-color:#E2DEDE; margin:0px; padding:0px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} */ #errormessage, .oldie_ssl_warning {padding:5px; margin-bottom:10px; background-color:#ffa8a8; width:96%; border-bottom:2px solid #000000; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #000000;} /*--------------------------*/ .cartcontrols, .cartcontrolsinstructions {clear:both; /*margin-top:10px; margin-bottom:10px;*/ padding:0px; /*border:1px dotted #000000;*/} .cartcontrols table, .cartcontrolsinstructions table { width:100%; /*background-color:#8A0000; border-bottom:2px solid #000000; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #000000;*/} .cartcontrols td, .cartcontrolsinstructions td {text-align:center; vertical-align:middle; padding:3px 4px 3px 3px;/*border:1px solid #00ff00;*/ width:25%;} .cartcontrols a, .cartcontrols a:link, .cartcontrols a:visited, .cartcontrols a:active {display:block; /*padding:5px;*/ text-decoration:none; } .cartcontrols a, .cartcontrols a:link, .cartcontrols a:visited, .cartcontrols a:active, .cartcontrols .cartbutton {width:95%;} /* .cartcontrols a {display:block; padding:5px; text-decoration:none; } .cartcontrols a:link {color: #ffffff; background-color:#584E4E; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} .cartcontrols a:visited {color: #ffffff; background-color:#584E4E; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} .cartcontrols a:hover {color: #ffffff; background-color:#363030; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .cartcontrols a:active {color: #ffffff; background-color:#584E4E; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} .cartcontrols .cartbutton {color: #ffffff; background-color:#584E4E; padding:4px 8px 4px 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} .cartcontrols .instructions {color:#d1cbcb; font-weight:bold; padding:2px; text-align:left;}*/ /*--------------------------*/ .cartcountry {clear:both; /*margin-top:10px; margin-bottom:10px;*/ padding:0px; /*border:1px dotted #000000;*/} .cartcountry table{ /*background-color:#8A0000;*/ width:100%; /*border-bottom:2px solid #000000; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #000000;*/} .cartcountry td {text-align:left; vertical-align:middle; padding:3px;/*border:1px solid #00ff00;*/} /* .cartcountry .button {color: #ffffff; background-color:#584E4E; padding:0px 8px 0px 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} */ /*--------------------------*/ .fullcart {clear:both; margin-bottom:10px;} .fullcart table { width:100%%; /*border-top:1px solid #ffffff; border-left:1px solid #ffffff; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg)*/} .fullcart table td, .fullcart table th{ padding:4px; border-bottom:1px solid #dfdbda; border-right:1px solid #dfdbda;} .fullcart table th {text-align:left;} .fullcart table th.alignright {text-align:right;} .fullcart input {text-align:right;} tr.cartitems td {} tr.cartfooter td { } tr.cartfooter td.empty{border:none;} /*--------------------------*/ #fullcheckout input.value {text-align:left; padding: 0px 2px 0px 2px;} #fullcheckout table { width:100%; /*border-top:1px solid #ffffff; border-left:1px solid #ffffff; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg) */} #fullcheckout table td{ padding:4px; border-bottom:1px solid #dfdbda; border-right:1px solid #dfdbda;} #fullcheckout table td.label{width:150px; text-align:right; font-weight:bold;} /*#fullcheckout tr.tableheading td{ background-color:#8A0000; color:#d1cbcb; font-weight:bold; padding:2px; border-bottom:none; border-right:1px solid #d1cbcb;}*/ #fullcheckout tr.tableheading a, #fullcheckout tr.tableheading a:link, #fullcheckout tr.tableheading a:visited, #fullcheckout tr.tableheading a:hover, #fullcheckout tr.tableheading a:active{ color:#d1cbcb;} #fullcheckout #samedelivery {float:right;} /* #fullcheckout .button {color: #ffffff; background-color:#584E4E; padding:0px 8px 0px 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;} */ /*--------------------------*/ #checkout .UserLoginForm {clear:both; /*margin-top:10px; margin-bottom:10px;*/ padding:0px; /*border:1px dotted #000000;*/} #checkout .UserLoginForm table { width:100%; /*border-top:1px solid #ffffff; border-left:1px solid #ffffff; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg)*/} #checkout .UserLoginForm table td{ padding:4px; border-bottom:1px solid #dfdbda; border-right:1px solid #dfdbda;} #checkout .UserLoginForm table td.label{width:150px; text-align:right; font-weight:bold;} /* #checkout .UserLoginForm tr.tableheading td{ background-color:#8A0000; color:#d1cbcb; font-weight:bold; padding:2px; border-bottom:none; border-right:1px solid #d1cbcb;} */ /*--------------------------*/ .gallery table td {border: none; padding: 0px; margin:0px;} .gallery td.shim, .gallery_shim {padding:0px; margin:0px; font-size:1px;} .gallery td.shim img, .gallery_shim img {border: none; padding: 0px; margin:0px;} .gallery td.gallery_image {vertical-align:top; width:100%; padding-top: 5px;} .gallery .gallerycontrol {width:100%; text-align:center;} .gallery .gallerycontrol table td {border: none; padding: 0px;} .gallery .gallerycontrol .pagination table {width:100%;} .gallery .gallerycontrol .pagination_previous, .gallery .gallerycontrol .pagination_first {text-align:left; width:30%;} .gallery .gallerycontrol .pagination_pages {text-align:center; width:40%;} .gallery .gallerycontrol .pagination_next, .gallery .gallerycontrol .pagination_last {text-align:right; width:30%;} .gallery .gallerycontroltop {padding-bottom: 5px;} .gallery .gallerycontrolbottom {padding-top: 3px;} .gallery_shim {clear:both;} .gallery .imgcaption_top {} .gallery .imgcaption_bottom {} table.examplecontainer .classgroup .gallery {float:right; padding-left:10px; padding-right:0px;} .classgroup .gallery {float:left; width:none; margin:0px; padding-bottom:10px; padding-right:10px;} .classgroup .gallery td {background: none; width:auto; padding:0px; margin:0px;} .classgroup .gallery td.gallery_image {width:auto; padding:5px 5px 0px 5px;} .classgroup .gallery td.gallery_image img {float:none; padding:0px; margin:0px;} .classgroup .gallery tr.gallerycontroltop_tr {display:none;} table.classgroup_links td {border:none; font-size:9px;} /*--------------------------*/ tr.fullproductrow td {padding-top:20px;} tr.fullproductrow td table td {padding-top:0px;} tr.fullproductrow td .gallery {margin-top: -13px;} /*--------------------------*/ /*.classgroup {background-color:#00ff00;} .brand_links a {background-color:#0000ff; margin:0px; padding:0px;} .brand_links {background-color:#ff00ff;} .classgroup_subclassmenu {background-color:#ff9900;}*/ .classgroup .contentpara img {float: left; margin-right: 10px; margin-bottom: 10px;} .classgroup table.tabulatedlist td.classgroup_image { width: 10%; } .classgroup table.classgroup_nperrow td {text-align: center;} .classgroup table.classgroup_nperrow td img {margin-top: 5px;} .classgroup table.tabulatedwithsubnoimg {width:445px;} /*--------------------------*/ #brand_dropdown, #search {text-align:center; margin-top:13px; padding:0px;} #brand_dropdown form, #search form {display:inline;} #brand_dropdown #brand_dropdown_label, #search #search_label {display:block; /*font-weight:bold;*/ text-align:center; width:100%; color: #ffffff;} #brand_dropdown input, #search input.button {color: #ffffff; background-color:#9F0000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding:0px 2px 0px 2px;} #brand_dropdown select {margin-bottom: 3px; /*background-color:#9F0000;*/ background-color:#d1cbcb; color: #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size:10px; width:85px;} /*--------------------------*/ .classgroup_subclassmenu {/*margin-top: -15px;*/ margin-bottom: 15px;} .classgroup_subclassmenu a {font-weight:normal;} .productfamilyclass .tabulatedlist {margin-top:10px;} .brand_links .brand_current, .subclassmenu .subcat_current {/*margin-right:4px;*/ font-weight:normal; /*font-style:italic;*/ font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;} .brand_links, .subclassmenu {font-weight:bold;} .brand_links a, .subclassmenu a {font-weight: normal;} .subclassmenu {padding-bottom:5px;} /*--------------------------*/ #search input.searchbox {margin-bottom: 3px; /*background-color:#363030; color: #ffffff; */ background-color:#d1cbcb; background-image: none; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; /*font-size:10px;*/ /*border: 1px #000000 solid;*/ width:85px;} /*#search input.button {color: #ffffff; background-color:#363030; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding:0px 2px 0px 2px;}*/ /*--------------------------*/ .productfamilyclass_sets th {font-size:125%;} .productfamilyclass_sets tr.minproductrow td {padding-top:5px;} /* STYLING FOR THE ADVERT IN thankyouforyourorder.php --------------------------*/ #displaycontainer {padding:6px 4px 6px 4px; background-color:#d1cbcb; border:double 3px #fdfcc7; font-size:90%;margin:0;margin-right:3px;} #masthead {border-top:1px solid #666666; border-bottom:1px solid #666666; background-color:#fdfcc7; padding:5px 0 5px 0; margin:0px; margin-bottom:10px;} #mastheadcolour {margin:4px 0 4px 0; background-color:#fffff7; margin:0px;padding:4px; /*border:1px solid blue;*/} #masthead_container {margin:0; padding:0; border:1px solid #ffffff; padding:0px; margin:0px; /*border:1px solid green; display:none;*/} #sitename h1 {letter-spacing:4px; word-spacing:2px; font-weight:normal; font-size:16px; margin:3px; padding:0px; margin:0px;} #sitename h1 a {color:#0759B4; font-size:90%; font-weight:normal; padding:0px; margin:0px;} #sitename h1 #byline {font-size:56%; letter-spacing:0px;color:#0759B4; padding:0px; margin:0px;} #displaycontainer td h2 {padding:0; margin:0px; color:#ffffff; font-size:120%;} #displaycontainer p {padding:0; margin:0 0 10px 0; color:#ffffff; font-size:100%;} #displaycontainer img {margin:6px 0 3px 0; margin:0; padding:0;} /*img#epboardsdinkitchen {border:1px solid #ffffff;} img#zester, img#copperpan {border:1px solid #000000;}*/ #displaycontainer a {font-weight:bold; color:#ffffff; } #displaycontainer a:link, #displaycontainer a:visited {text-decoration:none;} #displaycontainer a:hover {text-decoration:none; color:red;} #displaycontainer h1 a#tablelink:link, #displaycontainer h1 a#tablelink:visited {color:#ffffff; font-size:14px; letter-spacing:3px; word-spacing:1px; margin:1px 0 6px 0; font-weight:normal;} #displaycontainer h1 a#tablelink:hover {text-decoration:none; color:red; background-color:#000000; font-weight:normal;} #displaycontainer a:hover img {border:none; margin:0; padding:0;} /* Blog styling ---------------------------------------------------------------------------------*/ /*blog_header*/ div.blog div.blog_header {float:left; width:440px; /* width:66%; border:solid 1px red;*/} div.blog_navigation {margin-left:455px;/*margin-left:68%; border:solid 1px blue;*/} div.blog_header {padding-bottom:6px;/*background-color:#fffff7;*/ font-weight:bold; /*don't pad left right cos has width*/} div.blog_header div.label {display:none;} div.blog_header div.blog_name {display:none;} div.blog_description {} div.blog_header div.blog_author {} div.blog_author_link {display:none;} div.blog_navigation input {font-weight:bold; background-color:#fdfcc7; color:#0759B4; margin:0; font-size:90%; /* border:1px solid #0759B4;*/ }/*similar to cart controls input button except margin, font size*/ /*blog_complete - container*/ div.blog_complete {padding-bottom:6px;} /*blog_complete_main - sub container 1 */ div.blog_complete_main {float:left; width:440px;/*width:66%; border:1px solid red;*/} /*blog_full - sub sub container 1.1 */ div.blog_full {} /*blogposting - the posting itself*/ div.blogposting {} div.blogposting .label {display:none;} div.blogposting h2, div.blogposting h3 {margin:0; padding:0;} div.blogposting .author {display:none; } /*posting author*/ div.blogposting .creationdate {margin-bottom:12px; /*font-weight:bold; */} div.blog_full .creationdate .label {display:none;} div.title {} div.subtitle {} div.summary {} div.body {} div.author_signoff {display:none;} div.blog_full .creationdate_signoff {display:none;} /*blog_complete_extra - sub container 2 */ div.blog_complete_extra {margin-left:455px;/*margin-left:68%; border:1px solid blue;*/} /*recent_postings - sub sub container 2.1 */ div.recent_postings {} /*blogposting - the posting itself*/ div.recent_postings .blogposting {margin-bottom:3px;} div.recent_postings .blogposting .title .label {display:none;} div.recent_postings .blogposting .subtitle {display:none;} /*postings_by_topic - sub sub container 2.2 */ div.postings_by_topic {margin-top:10px;} /*blogposting - the posting itself*/ div.postings_by_topic .blogposting {margin-bottom:3px;} div.postings_by_topic .blogposting .title .label {display:none;} div.postings_by_topic .blogposting .subtitle {display:none;} div.blog_more {} /*blog_complete_topic_list - sub sub container 2.3 */ div.blog_complete_topic_list {margin-top:10px;} div.blogtopic {} div.blog_complete_topic_list .blogtopic {margin-bottom:3px;} /*blog_complete_author - sub sub container 2.4 */ div.blog_complete_author {margin-top:10px;} /* page=display__list */ /* blog_header - container 1 */ div.blog_header .blog_heading {display:none;} /*blog_list_controls - container 2 */ div.blog_list_controls {float:right; width:32%;} /*blog_topics_filter - sub container 2.1*/ div.blog_topics_filter {margin-bottom:6px; padding:3px; border:1px solid #363030; background-color:#ffffff; } div.blog_topics_filter .label, div.blog_topics_filter h3 {/*display:inline;*/} div.blog_topics_filter a {margin-right:4px; } /* blogdaterange - sub container 2.2 */ div.blogdaterange {margin-bottom:6px; padding:3px; border:1px solid #363030; background-color:#ffffff; text-align:center;} div.blogdaterange h3 {margin:0 0 3px 0;} div.blogdaterange .label {/*font-weight:bold;*/} div.blogdaterange select {font-size:90%; } div.label_startdate, div.blogdaterange_startdate, div.label_enddate, div.blogdaterange_enddate, div.blogdaterange_submit {/*display:inline;*/} div.blogdaterange input {font-size:90%; background-color:#363030; color:#ffffff; font-weight:bold; } /* blog_list - container 3 */ div.blog_list {margin-right:34%;} div.blog_list_heading {margin-bottom:6px;} div.blog_return_link {width:125px;/*margin:12px 0 12px 0;*/ background-color:#363030; padding:3px 12px 3px 12px; font-weight:bold; border-left:1px solid #ffffff; border-top:1px solid #ffffff ; border-right:2px solid #000000; border-bottom:2px solid #000000;} div.blog_return_link a, div.blog_return_link a:link, div.blog_return_link a:active, div.blog_return_link a:visited, div.blog_return_link a:hover { font-size:90%; color:#ffffff; text-decoration:none;} /*
*/ /* blog taster */ div.homepage_blog_taster div.blog_header {float:left; width:80%;/* border:solid 1px red;*/} div.homepage_blog_taster div.blog_navigation {margin-left:82%; /*border:solid 1px blue;*/} div.homepage_blog_taster div.blog_header div.blog_author {display:none;} /* Article styling ---------------------------------------------------------------------------------*/ /*article_list_controls - container*/ div.article_list_controls {float:right; width:32%;} /*articledaterange - sub container*/ div.articledaterange {margin-bottom:6px; padding:3px; border:1px solid #363030; background-color:#ffffff; text-align:center;} div.articledaterange h3 {margin:0 0 3px 0;} div.articledaterange select {font-size:90%;} div.articledaterange input {font-size:90%; background-color:#363030; color:#ffffff; font-weight:bold;} /*article_list - container */ div.article_list {margin-right:34%;} div.article_list .articleitem {margin-bottom:6px; /*border:1px solid red;*/} div.article_list .articleitem h3 {padding:0 0 3px 0; margin:0;} div.article_list .articleitem .creationdate {padding-bottom:3px;} /*article_topics_filter - subcontainer*/ div.article_topics_filter {margin-bottom:6px; padding:3px; border:1px solid #363030; background-color:#ffffff; } div.article_topics_filter a {margin-right:4px;} /*article pagination display - sub containers*/ div.article_paginationtop, div.article_paginationbottom {margin-bottom:5px; padding:3px 0px 3px 0px; border-bottom: solid 1px #000000; border-top: solid 1px #000000;} div.article_paginationtop .pagination, div.article_paginationbottom .pagination {width:100%;} div.article_paginationtop .pagination table, div.article_paginationbottom .pagination table {width:100%;} div.article_paginationtop .pagination_previous, div.article_paginationtop .pagination_first, div.article_paginationbottom .pagination_previous, div.article_paginationbottom .pagination_first {text-align:left; width:30%;} div.article_paginationtop .pagination_pages, div.article_paginationbottom .pagination_pages {text-align:center; width:40%;} div.article_paginationtop .pagination_next, div.article_paginationtop .pagination_last, div.article_paginationbottom .pagination_next, div.article_paginationbottom .pagination_last {text-align:right; width:30%;} div.article_paginationtop div.pagination_pagedisplay, div.article_paginationbottom div.pagination_pagedisplay {font-weight:normal; font-size:90%;} /* Link styling ---------------------------------------------------------------------------------*/ /*link_full - container*/ div.link_full {margin-top:20px;} /*linkitem - the item itself*/ div.linkitem { width:98%; vertical-align:top; margin-bottom:0px; background-image:url(https://secure.plus-online-stores.co.uk/saltandpeppermills/images/mushroomgradiant.jpg); border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #8A0000; border-bottom:1px solid #8A0000; padding:10px;} div.linkitem div.label {} div.linkitem div.title {} div.linkitem div.summary {display:none;} div.linkitem div.body {} div.link_full div.linkitem div.body {margin-top:10px;} div.linkitem div.more {float:right;} div.linkitem div.full_link {margin-top:10px;} div.linkitem div.full_link .label {display:inline;} div.return_link {float:right;} /*link_lastn - container*/ div.link_lastn {} /*link_linkset - container*/ div.link_linkset {padding-top:20px;} /*link_linkset_topic - container*/ div.link_linkset_topic {margin-right:34%;} /*link_linkset_topic_nofilter - container*/ div.link_linkset_topic_nofilter {} /*pagination controls*/ div.link_paginationtop, div.link_paginationbottom {margin-bottom:5px; padding:3px 0px 3px 0px; border-bottom: solid 1px #000000; border-top: solid 1px #000000; clear:both;} div.link_paginationtop .pagination, div.link_paginationbottom .pagination {width:100%;} div.link_paginationtop .pagination table, div.link_paginationbottom .pagination table {width:100%;} div.link_paginationtop .pagination_previous, div.link_paginationtop .pagination_first, div.link_paginationbottom .pagination_previous, div.link_paginationbottom .pagination_first {text-align:left; width:30%;} div.link_paginationtop .pagination_pages, div.link_paginationbottom .pagination_pages {text-align:center; width:40%;} div.link_paginationtop .pagination_next, div.link_paginationtop .pagination_last, div.link_paginationbottom .pagination_next, div.link_paginationbottom .pagination_last {text-align:right; width:30%;} div.link_paginationtop div.pagination_pagedisplay, div.link_paginationbottom div.pagination_pagedisplay {font-weight:normal; font-size:90%;} /*link_linkset - container*/ div.link_linkset {} /*link_list - container*/ div.link_list {} /*link_topic_list - container*/ div.link_topic_list {margin-right:34%;} /*link_topic_list_nofilter - container*/ div.link_topic_list_nofilter {} /* h2 handling */ div.link_full h2 {display:inline;} div.link_lastn h2, div.link_linkset h2, div.link_linkset_topic h2, div.link_linkset_topic_nofilter h2, div.link_list h2, div.link_topic_list h2, div.link_topic_list_nofilter h2 {margin: 20px 0px 20px 0px;} /*link_topics_filter - sub container 2.1*/ div.link_topics_filter {margin:20px 0px 6px 0px; padding:3px; border:1px solid #363030; background-color:#ffffff; float:right; width:32%;} div.supplement div.link_topics_filter {margin:0px; float:none; width:auto; border: none; background-color:transparent; padding:0px;} div.link_topics_filter .label, div.link_topics_filter h3 {/*display:inline;*/} div.link_topics_filter a {margin-right:4px; } /* Feedback styling ---------------------------------------------------------------------------------*/ /*feedback_feedbackset - container*/ div.feedback_feedbackset {} /*feedbackitem - the item itself*/ div.feedbackitem {} div.feedbackitem div.body {} div.feedbackitem div.author_date {} /*feedback_full - container*/ div.feedback_full {} /*feedback_lastn - container*/ div.feedback_lastn {} /*feedback_list - container*/ div.feedback_list {} /*pagination controls*/ div.feedback_paginationtop {} div.feedback_paginationbottom {} /* MultiLevelTitle styling ---------------------------------------------------------------------------------*/ span#multileveltitle {padding:10px 0 10px 40px;} span#multileveltitle, span#multileveltitle a:link, span#multileveltitle a:visited {text-decoration:none; margin:0px; font-weight:100; color:#8A0000; font-size:12px; letter-spacing: 5px;} span#multileveltitle a:hover {} span#multileveltitle #level0 {display:block; margin-left:0px} span#multileveltitle #level1 {display:block; margin-left:15px;} span#multileveltitle #level2 {display:block; margin-left:27px;} span#multileveltitle #level3 {display:block; margin-left:40px;} span#multileveltitle #level4 {display:block; margin-left:50px;} span#multileveltitle #level5 {display:block; margin-left:60px;} span#multileveltitle #level6 {display:block; margin-left:70px;} span#multileveltitle #level7 {display:block; margin-left:80px;} span#multileveltitle #level8 {display:block; margin-left:90px;} span#multileveltitle #level9 {display:block; margin-left:1000px;} span#multileveltitle #level10 {display:block; margin-left:110px;} span#multileveltitle .mlimage {border: none;} span#multileveltitle .lastlevel {} /* Google adword tracking --------------------------------------------------------------------------------- */ div#GoogleAdwordTracking,div#GoogleAdwordTracking iframe {width:120px;} /* Associated products... */ .associated_selected {background-color:#ffffff;} .associated_hover {background-color:#363030; color:#ffffff;} .associated_additional_price {color: #016FF3;} .associated_hover .associated_additional_price {color: #FFB13E;} /* Site messages --------------------------------------------------------------------------------- */ #SiteMessage { background-color:#9F0000; border:1px solid #ffffff; width:118px; padding:3px; margin-bottom:12px; } #SiteMessage .SiteMessageItem h2 { margin-top:0px; color: #ffffff; font-size:14px; } #SiteMessage .SiteMessageItem h3 { margin-bottom:0px; color:#ffffff; font-size:12px; } #SiteMessage .SiteMessageItem p { color:#ffffff; } #SiteMessage .SiteMessageItem { padding-bottom:5px; margin-bottom:5px; text-align:center; }