/* ----- end float fix ----- */
body{background:#ededed url(../graphics/portmeirion/header-bg.jpg) repeat-x;color:#555;font: 70%  Trebuchet MS, Arial, Helvetica, sans-serif;text-align:center;line-height:150%;margin:0;padding:0;}
/* ----- tables ----- */
table, td, input, textarea, select, li{font:Trebuchet MS, Arial, Helvetica, sans-serif;color:#555;}
th{background:#ddd;padding:5px;}
td{padding:5px;}
/* ----- global links ----- */
a:link, a:visited, a:active{color:#660000;text-decoration:none;}
a:hover{color:#555;text-decoration:underline;}
/* ----- links that open documents or in new windows ----- */
a.newwindow{background-image: url(../graphics/portmeirion/new-window.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.pdf{background-image: url(../graphics/portmeirion/pdf-document.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.doc{background-image: url(../graphics/portmeirion/word-document.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
a.email{background-image: url(../graphics/portmeirion/email.gif);background-repeat: no-repeat;background-position:right center;padding:0 20px 0 0;display:inline-table;}
/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
p{font-size:110%;}
h1{font-size:140%;}
h2{font:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}
.message{color:#FF0000;}
/* ----- global images ----- */
img{border:none;}
/* ----- hidden items ----- */
#skip, .hidden, #receipt-header{display:none;}
/* ----- float left / right classes ----- */
.left{float:left;margin-right:.7em;padding:2px;border:1px solid #ccc;}
.right{float:right;margin-left:.7em;padding:2px;border:1px solid #ccc;}
.left-nb{float:left;margin-right:.7em;padding:2px;border:0}
.right-nb{float:right;margin-left:.7em;padding:2px;border:0}
.dde{text-align:right;}
/* ----- company contact details ----- */
address{font-style:normal;margin:1em 0;}
.freedel{font-size:150%;color:#000066;}
/* ----- container size & positioning ----- */
#container{margin:0 auto;width:985px;text-align:left;position:relative;padding:0;}
/* ----- header area ----- */
#header{height:225px;position:relative;background:url(../graphics/portmeirion/header.jpg) no-repeat;margin:0;padding:0;}
/* ----- company logo & strapline ----- */
#logo{display:none;}
#tagline{display:none;}
/* ----- shopping basket info ----- */
#info{
	position:absolute;	
	margin:0;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	top:30px;
	right:30px;
	z-index:10;
	background-image:url(../graphics/portmeirion/basket.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:25px;
	display:inline-table;
}

#info a{color:#fff;}

/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid{
	background:url(../graphics/portmeirion/3colcontent-bg.jpg) repeat-y;
	margin:0;
	padding:0;
	clear:both;
}

/* ----- breadcrumb trail ----- */
#breadcrumbs{position:absolute;top:159px;left:25px;display:inline;width:965px;font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
#breadcrumbs a{color:#555;}
/* ----- search box ----- */
#search{height:39px;margin:0;margin-bottom:1em;padding:8px 0 0 20px;background:#000 url(../graphics/portmeirion/search-bg.jpg) no-repeat;}
#search label{display:block;}
#searchSubmit{margin-top:2px;margin-left:2px;padding:0;vertical-align:top;}
/* ----- side navigation ----- */
#navDept, #navDept li{margin:0;padding:0;list-style:none;}
#navDept{margin-bottom:1em;}
#navDept li{
        line-height:25px;
        border-bottom:1px solid #e6e6e6;
		font:190% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-weight:ligter;
		text-transform:lowercase;
}
#navDept li a{
	display:block;
	width:100%;
	background:#fff;
	color:#555;
}
#leftmenu li a:hover, #leftmenu li a.selected{background:#ddd;}
#navDept li a:hover, #navDept li a.selected{background:#f2f5c8;text-decoration:none;}
#navDept li a span{
    text-align:right;
	display:block;
	padding:3px 5px;
	color:#a0a0a0;
}

/* ----- subdepartment navigation ----- */
#navSubDept, #navSubDept li, #navSubDeptUser, #navSubDeptUser li{
	margin:0;
	padding:0;
	list-style:none;
}
#navSubDept {margin-bottom:10px;}
#navSubDept, #navSubDeptUser{
	float: left;
	width: 553px;
}
#navSubDept a, #navSubDeptUser a{
	line-height:20px;
	color:#fff;
	font:90% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
#navSubDept li{
	height:215px;
	float:left;
	margin:0 8px 8px 0;
}
#navSubDeptUser li{
	height:35px;
	float:left;
	margin:0 8px 8px 0;
}
#navSubDept li a, #navSubDeptUser li a{
	line-height:20px;
	color:#fff;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
#navSubDept li img{
	display: block;
	width: 172px;
	height: 172px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}	
#navSubDept li span{display: block;width: 172px;text-align:center;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;padding:3px 0 3px 0;background: #000;cursor:hand;}
#navSubDeptUser li span{display: block;width: 174px;text-align:center;padding:3px 0 3px 0;background: #000;cursor:hand;}
/* ----- customer tool list ----- */
#navTools, #navTools li{
	margin:0;
	padding:0;
	list-style:none;
}
#navTools{
	position:absolute;
	top:3px;
	left:19px;
	width:500px;
}
#navTools li{
	display:inline;
	padding-right:10px;
	line-height:20px;
	height:20px;
}
#navTools li a{
	line-height:20px;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cccc33;
	text-transform:uppercase;
}
#navTools li a:hover{color:#ccc;text-decoration:none;}
#navTools li a span{}

/* ----- nav static menu items ----- */
.navStatic, .navStatic li, .navStatic3col, .navStatic3col li{
	margin:0;
	padding:0;
	list-style:none;
}
.navStatic, .navStatic3col{margin-bottom:1em;}
.navStatic li, .navStatic3col li{
        line-height:25px;
        border-bottom:1px solid #e6e6e6;
		font:120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
}
.navStatic li a{
	display:block;
	width:100%;
	background:#fff;
	color:#555;
}
.navStatic li a:hover, .navStatic li a.selected{background:#f2f5c8;text-decoration:none;}
.navStatic li a span{
    text-align:right;
	display:block;
	padding:3px 5px;
	color:#777;
}
.navStatic3col li a{display:block;width:100%;background:url(../graphics/portmeirion/rightcolbg.gif);color:#555;}
.navStatic3col li a:hover, .navStatic3col li a.selected{background:#f6f8f9;text-decoration:none;}
.navStatic3col li a span{text-align:left;display:block;padding:5px;color:#555;}
.navStatic3col li a span.price{text-align:right;color:#000066;}
.navStatic3col li a span.image{text-align:center;}
.navStatic3col li a .prodimage{border:1px solid #e2e2e2;padding:2px;background:#fff;}
.navStatic3col li a:hover .prodimage{border:1px solid #ccc;padding:2px;background:#e2e2e2;}
#navToolsTitle{display:none;}
#navDeptTitle, .navStaticTitle{
    text-align:center;	
    height:59px;
    margin:0;
	padding:24px 0 0 0;
	background:#000 url(../graphics/portmeirion/navheader-bg.jpg) no-repeat;
	font:250% Century Gothic;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
}
.navStaticTitleRight{
    text-align:center;	
    height:52px;
    margin:0;
	padding:19px 0 0 0;
	background:#000 url(../graphics/portmeirion/navheader-bg-right.jpg) no-repeat;
	font:250% Century Gothic;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
}
.navStaticTitleRight2{
    text-align:center;	
    height:45px;
    margin:0;
	padding:26px 0 0 0;
	background:#000 url(../graphics/portmeirion/navheader-bg-right.jpg) no-repeat;
	font:160% Century Gothic;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
}

/* ----- manual menu items ----- */
.navManual, .navManual li{
	margin:0;
	padding:0;
	list-style:none;
}
.navManual{
	position:absolute;
	top:205px;
	left:235px;
	width:685px;
}
.navManual a{
	line-height:20px;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}	
.navManual li{
	display:inline;
	padding-right:10px;
	line-height:20px;
	height:20px;
}
.navManual li a{
	line-height:20px;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.navManual li a:hover span{color:#999;text-decoration:none;}
.navManual li a span{color:#999900;}
.navManualTitle{display:none;}

/* ----- giftwrap layout options ----- */

#giftwrap, #giftwrap li{
	margin:0;
	padding:0;
	list-style:none;
}
#giftwrap{
	float: left;
	width: 553px;
	margin-bottom:10px;
}
#giftwrap a.image{border:1px solid #e2e2e2;padding:2px;background:#fff;}
#giftwrap a:hover.image{border:1px solid #ccc;padding:2px;background:#e2e2e2;}

#giftwrap li{
	float: left;
	width:148px;
	background:url(../graphics/portmeirion/products-bg.gif);
	border:1px solid #e1e1e1;
	margin: 0 1em 1em 0;
	padding:0 1em 0 1em;
}
#giftwrap li:hover{background:#f6f8f9;border:1px solid #000066;}
#giftwrap .price{
	text-align:right;
	line-height:180%;
	color:#000066;
	font-size:120%;
	font-weight:bold;
}

/* ----- side navigation column ----- */
#side{
	float:left;
	display:inline;
	width:214px;
	margin-left:9px;
	margin-top:0;
}

/* ----- right side navigation column ----- */
#rightside{
	float:left;
	width:182px;
	margin-left:9px;
	margin-top:0;
}

/* ----- main content area ----- */
#main{
	float:left;
	display:inline;
	width:553px;
	margin-left:10px;
}
#main h2,#main h2#pageTitle{
	font:210% Century Gothic, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #cccc66;
	font-weight:lighter;
	padding-bottom:3px;
	margin: 0 0 0.5em 0;
	color:#000066;
	clear:both;
}

.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
	font-weight:bold;
	color:#FF0000;
	text-transform:uppercase;
}
.viewlargeimage{
	padding-left:25px;
	background:url(../graphics/site/enlarge.gif) left center no-repeat;
}
.addtowishlist{
	padding-left:25px;
	background:url(../graphics/site/wishlist.gif) left center no-repeat;
}
.tellafriend{
	padding-left:25px;
	background:url(../graphics/site/tell-a-friend.gif) left center no-repeat;
}
.supplierimage{padding-bottom:10px;}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}
#module2{
	display:none;
}
.print_invoice{
	padding-left:20px;
	background:url(../graphics/site/print.jpg) left center no-repeat;

}
/* ----- footer area ----- */
#footer-container{
	position:relative;
	background:url(../graphics/portmeirion/footer-bg.jpg) repeat-x;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:left;
}
#footer{
	height:177px;
	width:985px;
	background:url(../graphics/portmeirion/footer.jpg) no-repeat;
	position:relative;
	text-align:left;
	border:0;
	color:#000;
	margin:0 auto;
	padding:0;
}
#footer p{margin:0 1em 0 0;}
#footer ul{
	position:absolute;
	top:150px;
	right:5px;
}
#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{display:inline;margin:0.5em;}
#footer a{
	line-height:20px;
	font:110% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cccc33;
	text-transform:uppercase;
}
#footer a:hover{
	color:#777;
	text-decoration:none;
}
#footer #company-info{
	text-align:right;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:2.7em;
}
#footer p.join{
	padding-top:19px;
	padding-left:717px;
}

/* ----- pagination (page 1/2 etc.) ----- */
#pagination{
	margin:1em 0;
}
#pagination li{
	margin:0;
	height:16px;
	line-height:16px;
	float:left;
}
#pagination p{
	margin:0;
	float:left;
	width:100px;
}
#pagination a{
	display:block;
	float:left;
	width:9px;
	height:9px;
	margin-left:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;
}
#pagination a#firstPage{background:url(../graphics/plain/ico_first.gif)no-repeat 0 0;}
#pagination a#prevPage{background:url(../graphics/plain/ico_prev.gif) no-repeat 0 0;}
#pagination a#nextPage{background:url(../graphics/plain/ico_next.gif) no-repeat 0 0;}
#pagination a#lastPage{background:url(../graphics/plain/ico_last.gif) no-repeat 0 0;}

/* ----- product thumbnail list ----- */
.products, #assocproducts{margin:1em 0;}
.products ul, .products li, #assocproducts ul, #assocproducts li{margin:0;padding:0;list-style:none;} 
.products li{
	margin-bottom:1em;
	padding:.5em 10px 0 10px;
	background:url(../graphics/portmeirion/products-bg.gif);
	border:1px solid #e1e1e1;
	color:#777;
}
.products li:hover, #assocproducts li:hover{background:#f6f8f9;border:1px solid #000066;}
.products li h3, #assocproducts li h3{
	margin-top:.5em;
	margin-bottom:1em;
	padding:0;
	background:none;
}
.products li h3 a, #assocproducts li h3 a{color:#660000;}
.products li h3 a:hover, #assocproducts li h3 a:hover{color:#555;}
.products .image{
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}
.products .image a img, #assocproducts .image a img{border:1px solid #e2e2e2;padding:2px;background:#fff;}
.products .image a:hover img, #assocproducts .image a:hover img{border:1px solid #ccc;padding:2px;background:#e2e2e2;}
.products .price{
	margin:1em 0;
	text-align:right;
	color:#000066;
	font-size:200%;
	font-weight:bold;
}
.products .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}
#assocproducts li{
	height:315px;
	width:160px;
	float:left;
	margin: 0 10px 12px 0;
	padding:.5em .5em 0 .5em;
	background:url(../graphics/portmeirion/products-bg.gif);
	border:1px solid #e1e1e1;
	color:#777;
}
#assocproducts .image{float:left;margin:0;margin-bottom:10px;}
#assocproducts img.details{float:right;margin:0;}
#assocproducts .price{
	margin:0.5em 0 0 0;
	text-align:right;
	color:#000066;
	font-size:150%;
	font-weight:bold;
}
#assocproducts .specpurchase{
	margin:0 0 0.5em 0;
	text-align:right;
	color:#CC0000;
	font-size:110%;
	font-weight:bold;
	text-transform:uppercase;
}


/* ----- individual products ----- */
#product{margin:1em 0;}
#product .image{float:left;margin-bottom:1em;}	
#product .image p{margin:.5em 0;}
#product .image img{border:1px solid #e1e1e1;}	
#product .info{float:right;width:270px;}
#product .price{color:#000066;font-size:200%;font-weight:bold;}
#product .info p{margin:0;margin-bottom:.2em;}
#product .info h3{margin:0;margin-bottom:.2em;}
#product .actions{border-top:1px solid #e1e1e1;clear:both;}	
#product #addBasket{border-top:1px solid #e1e1e1;padding:1.5em 0 1em 0;}
#product #addWishlist a{}
#product #tellfriend a{}
/* ----- reb=views & articles ----- */
#articles, #reviews{}
#articles ul, #articles li, #reviews ul, #reviews li {margin:0;padding:0;list-style:none;}
#articles ul, #reviews ul{margin:1em 0;padding:3px 10px;background:#f1f1f1;border:1px solid #eee;color:#777;}
#articles ul li, #reviews ul li{margin:.5em 0;line-height:150%;padding-left:0;list-style:none;}
#articles  ul li a{padding-left:25px;color:#660000;background:url(../graphics/site/article.gif) left center no-repeat;}
#articles  ul li a:hover, #reviews  ul li a:hover{color:#555;text-decoration:underline;}
#reviews  ul li a{padding-left:25px;color:#660000;background:url(../graphics/site/review.gif) left center no-repeat;}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li{margin:0;padding:0;list-style:none;} 
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tables and forms ----- */
fieldset{border:none;padding:0;margin:1em 0;}
legend{font-weight:bold;padding:0;margin:0;color:#555;font-size:130%;clear:both;}
fieldset h3, fieldset h3{margin:1em 0 0 0;}
#content table{width:100%;margin:.5em 0;border-collapse:collapse;line-height:150%;}
th{border:1px solid #fff;background:#ddd;padding:5px;}
td{background:#eee;border:1px solid #fff;padding:5px;vertical-align:top;}
.formField, .formSelect{background:#fff;border:1px solid #e1e1e1;width:230px;}
.formFieldShort, .formFieldMedium{background:#fff;border:1px solid #e1e1e1;width:20px;margin-right:5px;}
.formFieldMedium{width:96px;}
table .price{color:#13689d;font-size:110%;font-weight:bold;}
.formFieldProduct{width:150px;}
table .price{color:#13689d;font-size:110%;font-weight:bold;}
.formRadio{vertical-align:middle;}
.formButton{background:#000;color:#fff;border:none;padding-top:3px;padding-bottom:3px;cursor:hand;font:11px Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;}
label span{color:#13689d;font-size:110%;font-weight:bold;}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{background: #fff;border: 1px solid #bbb;}
/* ----- shopping cart ----- */
#total{margin:1em 0;padding:0;width:400px;font-size:110%;}
#total dt{width:350px;float:left;font-weight:bold;}
#total dd{margin:0;text-align:right;}
.actions{clear:both;margin:0;padding:.5em 0;}
/* ----- first table data style ----- */
td.first{width:50%;}
/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */
/* ----- end float fix ----- */
/* -- acronyms & abbreviations -- */
acronym{cursor:help;border-bottom-color:#fff;border-bottom-style:dashed;border-bottom-width:1px;}
abbr{cursor:help;border-bottom:1px dashed;}
/* -- diwedd -- */
/* -- bookmarks -- */
#extra{background:#fff url(/graphics/portmeirion/rightcolbg.gif);border-top:1px solid #cccc66;}
.useful_links{font-size:110%;padding:10px 0 0 10px; margin:0; list-style:none; height:26px;position:relative;}
.useful_links li.top-head{display:block; float:left; margin: 0 20px 0 0;font-weight:bold;text-transform:uppercase;}
.useful_links li.top {display:block; float:left; margin: 0 18px 0 0;}
.useful_links li a.top {display:block; float:right; height:26px; line-height:27px; color:#fff; text-decoration:none; font-weight:bold; padding:0 20px 0 0px;}
.useful_links li a.top span {float:left; display:block; padding:0 20px 0 20px; height:27px;}
.useful_links li a.top:hover {color:#fff; line-height:27px;}
.useful_links li a.top:hover span {}
.useful_links li:hover > a.top {color:#000; line-height:27px;}
.useful_links li:hover > a.top span {}
.useful_links a {text-decoration:none}
.bookmark {padding: 0 0 0 25px;background:url("/graphics/site/bookmark.gif") no-repeat left;}
.bookmark_delicious {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_delicious.gif") no-repeat left;}
.bookmark_digg {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_digg.gif") no-repeat left;}
.bookmark_facebook {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_facebook.gif") no-repeat left;}
.bookmark_google {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_google.gif") no-repeat left;}
.bookmark_reddit {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_reddit.gif") no-repeat left;}
.bookmark_stumble{padding: 0 0 0 25px;background:url("/graphics/site/bookmark_stumble.gif") no-repeat left;}
.bookmark_yahoo {padding: 0 0 0 25px;background:url("/graphics/site/bookmark_yahoo.gif") no-repeat left;}
/* -- diwedd -- */