/* tableware.css */
/*nm 2006 10 22*/
/* HTML TAG STYLES *******************************************************************************************************************************************************/
body {background-color:#000000;}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote
{margin:0 0 15px 0; padding:0;} /*only way to get browser consistency*/
body, td, p, td p, th, th p, input, td input, select, td select, textarea, td textarea
{font-family: Verdana,Arial,sans-serif; font-size: 10px; font-weight: normal; text-align: left; color:#eeeeee;
letter-spacing:1px; word-spacing:1px;}
h1,h2,h3,h4,h5,h6 {margin-left:0px;/*-20 in indented version*/ /*font-variant:small-caps;*/ color:#f8f7cc; font-weight:normal; letter-spacing:1px; word-spacing:1px;}
h1 {font-size:140%;}
h2 {font-size:112%;}
h3, h4, h5, h6 {font-size:100%;}
ul {list-style-type:square; margin-left:15px;}
ul ul {list-style-type:disc;}
ul ul ul {list-style-type:circle;}
img {/*border-right:1px solid #f8f7cc; border-top:1px solid #f8f7cc; border-bottom:1px solid #7b2b2e; border-left:1px solid #7b2b2e;*/
border:none;} /*else shims get borders*/
a:link, a:visited, a:hover {color:#d27d80; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline; color:#f8f7cc;}
/* LAYOUT DIVS ***********************************************************************************************************************************************************
DO NOT GIVE THESE DIVS PADDING OR MARGIN OR BORDERS OTHER THAN THOSE IN THIS LAYOUT SECTION. USE CONTAINER DIVS TO CREATE WHITE SPACE AROUND CONTENT *****************/
div#outercontainer {margin: 0 0 0 2%; width: 868px; border:1px solid #000000; /*without border imaged drops down in Firefox !!??!!??*/
background-image:url(https://secure.plus-online-stores.co.uk/tableware-plus/images/lily.jpg); background-repeat:no-repeat; background-position:600px 0px; }
div#container {width: 768px;}
div.float_aligner {clear:both;} /*Put after pairs of float/non float divs to align; Without an inside this div is present behind whatever follows; with an it takes up space on the page before whatever follows; seems not to be essential if pair of floated divs followed by another.*/
div#sitetitle {width:645px; margin-top:55px;}
div#sitename {float:left; }
div#sitestrapline {text-align:right;}
div#sitetitle h1, div#sitetitle h2 {margin-left:0px;}
div#content {float:left; width: 610px; background-image:url(https://secure.plus-online-stores.co.uk/tableware-plus/images/gradient01.jpg); background-repeat:no-repeat;}
div#sidebar {margin:-15px 0 0 610px;}
div#sidebar, div#sidebar p {font-size: 10px;}
div#copyright {float:left;}
div#today {text-align:right;}
/* STYLING */
div#sitename h1 { font-size:16px; margin-bottom:0px; margin-top:-2px; color:#ffffff; font-weight:lighter; letter-spacing:7px; word-spacing:2px;}
div#sitename h1 a:link, div#sitename h1 a:visited
{color:#ffffff; font-weight:lighter;}
div#sitename h1 a:hover {text-decoration:none;}
div#sitestrapline h2 {font-variant:normal; font-size:12px; margin:0px;color:#ffffff; font-weight:lighter; letter-spacing:normal;}
div#contentcontainer {margin:35px 20px 0 0px/*20 in indented version*/; /*border:1px solid red;*/}
div#benefits p {margin-bottom:8px; color:#f8f7cc; }
div#siteinfo, div#siteinfo p, div#siteinfo td
{font-size:10px;}
#navbar a {display:block; padding:2px 0 1px 0; border-bottom:1px solid #333333; }
#navbar a:hover {border-bottom:1px solid #666666; text-decoration:none; }
#subcollectionlinks {margin-bottom:0px;}
#subcollectionlinks a {margin-left:12px;}
/* navbar search (and sets up similar items for .minicart, etc.) */
#search, .minicart {margin-top:10px;}
#search, div.productfamilyclass form, .minicart, #contactformdiv, #searchresults form
{padding:3px; text-align:center; background-color:#666666;#a494ae; border-right:1px solid #f8f7cc; border-bottom:1px solid #7b2b2e; border-left:1px solid #7b2b2e; border-top:1px solid #f8f7cc;}
#search form {padding:0; margin:0;}
#search form input, div.productfamilyclass form input, #contactformdiv form input, #contactformdiv form textarea, #contactformdiv form select, div.productfamilyclass select,
.cartcountry input, .cartcountry select, #cart .fullcart input, .UserLoginForm input, #checkout .checkout_section input, #checkout .checkout_section select,
#searchresults input, #searchresults select
{border:1px solid #000000; font-size:90%;letter-spacing:normal; word-spacing:normal; background-color:#eeeeee; color:#333333;}
#search form input.submitbutton, #contactformdiv form input.button, #cart .cartcontrols input.cartbutton, #cart .cartfooter input.cartbutton, .UserLoginForm .button,
#checkout .checkout_section .button, div.productfamilyclass form input.button, .cartcountry input.button, #cart .cartcontrols a,
#searchresults .button
{padding:2px; background-color:#000000; color:#f8f7cc; text-align:center; border-right:1px solid #f8f7cc; border-top:1px solid #f8f7cc; border-bottom:1px solid #7b2b2e; border-left:1px solid #7b2b2e; }
#navbar p#collectionheader, #navbar p#brandheader, #navbar p#infoheader
{margin-bottom:3px; color:#f8f7cc; }
/* navbar minicart */
#navbar .minicart a {display:inline; border:none;}
#navbar .minicart img {border:none;}
.cartsummary {margin-bottom:5px;}
/* home page display container */
#displaycontainer { }
#displaycontainer table td {}
#displaycontainer img {border-right:1px solid #f8f7cc; border-bottom:1px solid #d27d80; border-left:1px solid #d27d80; border-top:1px solid #f8f7cc;}
#displaycontainer img#salad {margin-top:8px;}
td#displaycontainer_text {font-size:9px; vertical-align:bottom;}
#displaycontainer h2 {margin:0; }
td#displaycontainer_text h2 a {font-size:9px; color:#ffffff; font-weight:normal;}
td#displaycontainer_text h2 a:hover {color:#d27d80; text-decoration:none;}
p#opening_para {font-size:120%; letter-spacing:1px; word-spacing:1px;}
#special_name {color:#f8f7cc;}
div.caption01, div.caption02, div.caption03, div.caption04
{margin:0; padding:0;}
div.caption01 {margin-top:196px;}
div.caption02, div.caption03, div.caption04 {margin-top:10px;}
div.caption03 {}
div.caption04 {}
/* product family (some elements shared with contact form and with navbar search) */
span#multileveltitle, span#multileveltitle a:link, span#multileveltitle a:visited
{text-decoration:none; font-weight:100;}
span#multileveltitle a:hover {}
span#multileveltitle #level0 {display:block;}
span#multileveltitle #level1 {display:block; margin-left:10px;}
span#multileveltitle #level2 {display:block; margin-left:20px;}
span#multileveltitle #level3 {display:block; margin-left:30px;}
span#multileveltitle #level4 {display:block; margin-left:40px;}
span#multileveltitle #level5 {display:block; margin-left:50px;}
span#multileveltitle #level6 {display:block; margin-left:60px;}
span#multileveltitle #level7 {display:block; margin-left:70px;}
span#multileveltitle #level8 {display:block; margin-left:80px;}
span#multileveltitle #level9 {display:block; margin-left:90px;}
span#multileveltitle #level10 {display:block; margin-left:100px;}
span#multileveltitle .mlimage {padding-right:10px;}
span#multileveltitle .lastlevel {} /* same as h1 */
/*--------------------------*/
.subclassmenu {margin:6px 0 0 0;}
div.classgroup_subclassmenu div.subclassmenu, div.classgroup_subclassmenu div.brand_links,
.productfamilyclass .subclassmenu, .productfamilyclass div.brand_links {font-weight:bold; padding-bottom:10px; margin-left:36px;}
.subcat_current, .brand_current, .subclassmenu a, .brand_links a
{font-weight:normal;}
.subclassmenu a:link, .subclassmenu a:visited, .brand_links a:link, .brand_links a:visited
{text-decoration:none;}
.subclassmenu a:hover, .brand_links a:hover
{text-decoration:none;}
div.productfamilyclass div.brand_links {top:0px; float:right; padding:6px; padding-right:6px; padding-left:8px; border-top:1px solid #f8f7cc; border-right:1px solid #f8f7cc; border-bottom:1px solid #7b2b2e; border-left:1px solid #7b2b2e; margin: 0px 0px 10px 10px; background-color:#333333; width:300px; font-weight:normal;}
div.productfamilyclass div.brand_links a {font-weight:bold;}
div.productfamilyclass div.brand_links p {padding:0px 0px 10px 0px; margin:0px;}
div.productfamilyclass div.brand_links div {margin:0px;}
div.productfamilyclass div.brand_links {width:160px;}
div.productfamilyclass div.brand_links h2 {padding:0px 0px 5px 0px; margin:0px;}
/*--------------------------*/
div.productfamilyclass div {margin:0px;}
table.tabulatedlist {}
table.tabulatedlist td, table.tabulatedlist th {}
table.tabulatedlist td {border-top:1px solid #222222; padding:6px 0 24px 6px; vertical-align:top;}
table.tabulatedlist th {vertical-align:bottom; padding-bottom:6px;}
div.priceheader {text-align:right;}
div.pagination table td {margin:0; padding:0; border:none;}
div.pagination table td a {padding:0 3px 0 3px;}
table.tabulatedlist td.imagecolumn {padding-left:0;}
table.tabulatedlist td.imagecolumn img {border-right:1px solid #f8f7cc; border-bottom:1px solid #d27d80; border-left:1px solid #d27d80; border-top:1px solid #f8f7cc;}
table.tabulatedlist td.imagecolumn td.shim img, table.tabulatedlist td.imagecolumn .gallery_shim img
{border: none; padding: 0px; margin:0px;}
h2.productfamilynameheading {margin:0 0 3px 0;}
div.productfamilyclass form,
#searchresults form {margin:6px 0 0 0; background-color:#000000; border:1px solid #333333;}
div.productfamilyclass select,
#searchresults select {margin:0 0 9px 0;}
div.productfamilyclass form input,
#searchresults form input {text-align:center;}
div.productfamilyclass table.tabulatedlist td.pricecolumn,
#searchresults table.tabulatedlist td.pricecolumn {text-align:right; padding-right:0;}
div.gallery table, div.gallery table tr, div.gallery table td
{border:none;}
tr.cartfooter td strong {font-weight:normal; font-size:120%;}
div#errormessage {color:red; font-weight:bold; text-align:center;}
#checkout #errormessage, #cart #errormessage, #cart .oldie_ssl_warning
{padding:5px; font-size:120%; width: 96%; background-color: #f8f7cc; border:1px solid red;}
/* contact form (some elements shared with navbar search) */
#contactformdiv {/*background-color:#000000; border:1px solid #333333;*/}
#contactformdiv form table.contactform tr.tableheading td
{/*text-align:center; font-weight:bold;padding:6px;*/}
#contactformdiv form table.contactform td
{padding:0 0 3px 0;}
#contactformdiv form table.contactform td.fieldname
{text-align:right;}
#contactformdiv form input.button {/*margin-bottom:10px;*/}
/* cart and checkout ***************************************************************************************/
div.cartcountry, div#cart, #contactformdiv {margin:9px 0 0 0;}
#cart .cartcontrols table {width:98%;}
#cart .cartcontrols table td {text-align:center;}
#cart .cartcontrols table td input.cartbutton,
#cart .cartfooter input.cartbutton,
#checkout .checkout_section table td .button,
#contactformdiv form table.contactform .button {margin:3px 5px 3px 0px;}
#cart .cartcontrols table td a {padding:1px 5px 2px 5px; margin:3px 5px 3px 0; }
#cart .cartcontrols table td a:link, #cart .cartcontrols a:visited,
#cart .cartcontrols table td a:hover, #cart form .cartcontrols a:hover,
#cart form .cartcontrols table td a:visited {text-decoration:none;}
#cart .fullcart table th {vertical-align:bottom;}
#cart .fullcart table th, #cart .fullcart table td,
#checkout .checkout_section table th,
#checkout .checkout_section table td,
#contactformdiv form table.contactform th,
#contactformdiv form table.contactform td {text-align:left; border-top: 1px solid #111111; padding:5px;}
#cart .fullcart table th.alignright,
#cart .fullcart table td.alignright {text-align:right;}
#cart .fullcart input {text-align:center;}
#checkout .checkout_section tr.tableheading td,
#contactformdiv form table.contactform tr.tableheading td {padding: 0 0 5px 0; border:none; font-weight:bold;}
#checkout .checkout_section {text-align:right; font-weight:bold;}
#checkout #payment table.PaymentDetail,
#checkout #payment table.PaymentDetail input,
#checkout #payment table.PaymentDetail select {font-size:100%;}
div#checkout, #checkout .checkout_section, div#cart, #contactformdiv {background-color:#000000; padding:0px; border: none;}
#cart table, #checkout .checkout_section table, #checkout .checkout_section table table table, #contactformdiv form table.contactform { background-color:#666666; border-right:1px solid #f8f7cc; border-bottom:1px solid #d27d80; border-left:1px solid #d27d80; border-top:1px solid #f8f7cc; margin-bottom:20px;}
#checkout .checkout_section table table, #contactformdiv form table.contactform table, #contactformdiv form table.contactform table td {border:none;}
#checkout p, #checkout td, #checkout th, #contactformdiv form table.contactform td {color:#ffffff;}
#checkout .checkout_section tr.tableheading, #contactformdiv form table.contactform tr.tableheading {background-color:#d27d80; border-bottom: 1px #000000 solid;}
#checkout .checkout_section tr.tableheading td, #contactformdiv form table.contactform tr.tableheading td { font-weight:normal; padding:3px; color:#000000;}
#checkout .checkout_section table td.label, #contactformdiv form table.contactform td.fieldname {text-align:right; font-weight:bold;}
#checkout .checkout_section table td.label {width:150px;}
#cart .fullcart .cartcontrols table, #cart .fullcart .cartcontrols table tr,
#cart .fullcart .cartcontrols table td {margin: 0px; padding: 0px; border: none; vertical-align:middle; text-align: center;}
/* 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 #ffffff; background-color:#000000; text-align:center;}
div.articledaterange h3 {margin:0 0 3px 0;}
div.articledaterange select {font-size:90%; background-color:#000000;}
div.articledaterange input {font-size:90%; background-color:#000000; 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 #ffffff; background-color:#000000; }
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%;}
.supplement, .productfamilylocations {top:0px; float:right; padding:6px; padding-right:6px; padding-left:8px; border-top:1px solid #f8f7cc; border-right:1px solid #f8f7cc; border-bottom:1px solid #7b2b2e; border-left:1px solid #7b2b2e; margin: 0px 0px 10px 10px; background-color:#333333;}
.supplement p, productfamilylocations p {padding:0px 0px 10px 0px; margin:0px;}
.brands div, .productfamilylocations div {margin:0px;}
.productfamilylocations {width:160px;}
.productfamilylocations h2 {padding:0px 0px 5px 0px; margin:0px;}
.gallery table {padding-right:3px;}
.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; margin:0px;}
.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.styled_table {margin:0 0 10px 0; border-top:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #222222; border-bottom:1px solid #222222; border-collapse:collapse;}
table.styled_table th {padding:3px 5px 3px 5px; border-bottom:1px solid #222222; background-color:#111111; font-weight:normal;}
table.styled_table td {padding:10px 5px 10px 5px; border-bottom:1px solid #222222; vertical-align:top;}
table.styled_table .label {font-weight:bold;}
table.styled_table div.pagination table, table.styled_table div.pagination table td, table.styled_table div.pagination table th {border:none;}
table.styled_table div.pagination_pagedisplay {float: right;}
/* Google adword tracking --------------------------------------------------------------------------------- */
div#GoogleAdwordTracking,div#GoogleAdwordTracking iframe {width:120px;}
/* Colours (notes only) ***************************************************************************/
.black {color:#000000;}
.white {color:#ffffff;}
/* Site messages --------------------------------------------------------------------------------- */
#SiteMessage { border:1px solid #ffffff; width:148px; padding:3px; margin-bottom:12px; }
#SiteMessage .SiteMessageItem h2 { }
#SiteMessage .SiteMessageItem h3 { }
#SiteMessage .SiteMessageItem p { }
#SiteMessage .SiteMessageItem { margin-bottom:5px; }