@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
	background:#FFF url(../imgs/bg.jpg) repeat-x 0 0;
	font: 100% "Trebuchet MS", sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.clear { clear:both; }

.border {border:1px solid red;}


/* Links */
a {color: #CCC; text-decoration:none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none;  }
a:hover { text-decoration: underline; }

strong {font-weight:bold;}

/* Clears Floated Elements */
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

/* Header */
.header h1 {display:none;}
#category .header {display:none;}

/* Container */
.container {background-color: #575851;}
.container, .footer_content,.textContent p {margin: 0 auto;}

.content {padding:0; margin:0;}

/* mainNav */
.mainNav { height:27px; background-color:#4F4F48; text-align:center;}

.mainNav ul {
	margin: 0 auto;
	padding: 0;
	height: 27px;
	list-style: none;
	display: block;
	width:665px;
}

.mainNav ul li {
	margin: 0 40px; 
	padding: 0;
    list-style: none;
	display: inline;
	float:left;
}


.mainNav a { background: url(../imgs/mainNav.gif) 0 0 no-repeat; display:block; text-indent:-9999em; height: 27px;}
.mainNav a:hover {background-position: 0 -27px;}

a.mainNavHome {background-position: 0 0; width:70px; }
a.mainNavHome:hover {background-position: 0 -27px; }
#Home a.mainNavHome {background-position: 0 -54px; }

a.mainNavRockinghamRange {background-position: -70px 0; width:230px; }
a.mainNavRockinghamRange:hover {background-position: -70px -27px; }
#RockinghamRange a.mainNavRockinghamRange {background-position: -70px -54px; }

a.mainNavHeritage {background-position: -300px 0; width:123px; }
a.mainNavHeritage:hover {background-position: -300px -27px; }
#Heritage a.mainNavHeritage {background-position: -300px -54px; }


/* subNav */
ul.subNav {
	text-align:center;
	display:none;
	background: #575851;
}
ul.subNav {
	margin: 0 auto;
	padding: 5px 0;
	height: 40px;
	list-style: none;
	display: block;
	width:760px;
}

ul.subNav li {
	margin: 4px 11px;
	padding: 0;
    list-style: none;
	display: inline;
	float:left;
	height:12px;
}

.subNav a { background: url(../imgs/subNav.gif) 0 0 no-repeat; display:block; text-indent:-9999em; height: 12px; margin:0 10px;padding: 0; font-size:2px;}

a.subNavFineBoneChina {background-position: 0 0; width:124px; margin-left:35px; }
a.subNavFineBoneChina:hover {background-position: 0 -12px; }
.FineBoneChina a.subNavFineBoneChina {background-position: 0 -24px; }

a.subNavVitrifiedPorcelain {background-position: -138px 0; width:150px; }
a.subNavVitrifiedPorcelain:hover {background-position: -138px -12px; }
.VitrifiedPorcelain a.subNavVitrifiedPorcelain {background-position: -138px -24px; }

a.subNavFineEarthenware {background-position: -304px 0; width:134px; }
a.subNavFineEarthenware:hover {background-position: -304px -12px; }
.FineEarthenware a.subNavFineEarthenware {background-position: -304px -24px; }

a.subNavCeramicTeapots {background-position: -455px 0; width:123px; }
a.subNavCeramicTeapots:hover {background-position: -455px -12px; }
.CeramicTeapots a.subNavCeramicTeapots {background-position: -455px -24px; }

a.subNavCoffeeware {background-position: -595px 0; width:188px; margin-left:150px; }
a.subNavCoffeeware:hover {background-position: -595px -12px; }
.Coffeeware a.subNavCoffeeware {background-position: -595px -24px; }

a.subNavKitchenware {background-position: -800px 0; width:96px; }
a.subNavKitchenware:hover {background-position: -800px -12px; }
.Kitchenware a.subNavKitchenware {background-position: -800px -24px; }

a.subNavCutlery {background-position: -912px 0; width:60px; }
a.subNavCutlery:hover {background-position: -912px -12px; }
.Cutlery a.subNavCutlery {background-position: -912px -24px; }


/* catHeader */
.catHeader {
	width:100%;
	height: 133px;
	padding:0;
	margin:0;
	color: #FFF;
	background:#000 url(../imgs/cat_header_bg.gif) repeat-x 100% 0;
}
#flashCatHeader {
	margin: 0 auto;
	padding:0;
	height: 133px;
	width:1047px;
	display:block;
	color: #FFF;
	background:#000;
}
#flashCatHeader em {display:block;}


/* catPDF */
.catDescPDF {background:#575851; overflow:hidden; padding: 10px 5px; border-bottom: solid 1px #444; }
.catDescPDF_cont { width: 740px; margin:0 auto; }
.catDesc { width: 450px; float:left; text-align:left; color:#FFF; font-size:12px; line-height: 18px; padding: 10px 0;}
.catPDF { width: 200px; float:right; text-align:left; font-size:10px; color:#fff; background:#4F4F48; padding:10px; border: solid 1px; border-color: #444 #666 #666 #444; }
.catPDF a { display:block; padding:5px;}
.PDFIcon {float:left; padding-right:5px;}

.mainContent { background:#4f4f48; border-top: solid 1px #6C6C6C; }
.mainContentCont { width:850px; margin: 30px auto 0 auto; padding:0 0 0 32px; }
#Heritage .mainContentCont { padding-bottom:30px;}
#Heritage .mainContentCont p { text-align:left; color:#FFF; font-size:12px; line-height: 1.5em; padding: 0 10px 1.5em 37px; width:350px; font-weight:normal !important;}
.mainLeftCol,.mainRightCol { float:left; }


/* Product */
.prodCont {width: 200px; margin:20px 25px 20px 42px; float:left;}
.prodImage { border: 5px solid #888;}
.prodName { border-bottom: 1px solid #777; text-align:left; color:#fff; font-weight:bold; font-size:12px; padding: 6px 5px 3px 5px;}
.prodCode {text-align:left; color:#CCC; font-weight:bold; font-size:10px; padding: 2px 5px;}


/* Footer */

.footer { background: #FFF url(../imgs/footer_shadow.gif) 0 0 repeat-x; font: 100% Verdana, Arial, Helvetica, sans-serif; clear:both; padding: 15px 0; color:#CCC; text-align:center; font-size:10px; text-align:center; }
.footer a, span.copyright { color:#999; }
.footer_content {width:900px;}


/* Home Specific Styles */
#Home .main_content {background: #000 url('/imgs/homeBG.jpg') no-repeat 50% 0%; }
#Home #homeLocations {height:268px; width:751px; overflow:hidden; margin:0 auto; }
#Home .textContent {background-color:#575851; padding: 20px 0 20px 130px;}
#Home .textContent .constr {width:900px; margin:0 auto;}
#Home .textContent p.homeDesc {width:600px; text-align:left; color:#FFF; font-size:12px; float:left; padding-top:.5em; line-height:18px; }

#Home .homeLogo {float:left; padding:0 20px 20px 0;}


/* Contact Specific Styles */
#Contact form {width:510px;text-align:left; float:left;}
#Contact .contact_line {padding: 0 0 5px 0; width:525px;}
#Contact label { font-weight:bold; padding: 5px 5px 5px 0; font-size:12px; line-height:1em; float:left; width: 200px; color:#fff; text-align:right; }
.contact_buts {margin-left: 223px;}
#Contact .mainContentCont .contactDetails { float:left; width:260px;}
#Contact .mainContentCont .contactDetails p, .formSubmitted p { padding: 0 0 1.5em 0; text-align:left; color:#FFF; font-size:12px; line-height: 1.5em; }
#Contact .contactInfo { width: 810px; text-align:left; color:#FFF; font-size:12px; line-height:1.5em; margin:30px 0 30px 35px; clear:both; }

.formSubmitted { width:535px; text-align:left; float:left; }
.formSubmitted h2 { color:#CCC; font-weight:bold; margin:0 0 1em 0; }
.formSubmitted p strong { color:#999; }

.in_text, .in_text:focus, .in_text:hover {
	width:236px;
	height:15px;
	background:url(../imgs/text_input.gif) no-repeat 0% 0%;
	border:none;
	padding:4px 8px;
	margin-left: 20px;
}

.in_textarea {
	width:236px;
	height:104px;
	background:url(../imgs/text_area.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	margin-left: 20px;
	resize:none;
	min-width:236px;
	min-height:104px;
}

.in_textarea:hover {background-position:left bottom;}
.form_buts, .form_buts:hover {
	width:69px;
	height:26px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	background:url(../imgs/but_form.gif) no-repeat 0% 0%;
	cursor:pointer;
	border:none;
}
.in_text:focus, .in_text:hover, .form_buts:hover { background-position:left bottom; }

/* Terms Specific Styles */
#Terms ol { list-style: decimal; width: 750px; margin:0 0 0 38px; }
#Terms ol li {text-align:left; color:#FFF; margin: 0 0 1em 0; line-height: 1.5em; font-size:12px; }

/* Admin Specific Styles */
#Admin .adConst { width:850px; margin:0 auto;}
#Admin .mainContentCont { width:100%; margin:0; padding:0; background:#575851; }
#Admin h4 { font-size:22px; color:#CCC; text-align:left; padding:20px 0; background-color:#4f4f48; border-top:1px solid #666; border-bottom:1px solid #444;}
#Admin .adminProduct, #Admin form.adForm {border-top:1px solid #666; border-bottom:1px solid #444; padding: 20px 0;}
form.adForm input,form.adForm select,form.adForm h5,form.adForm label { margin: 10px 5px; float:left; }
#addProduct label {clear: both;}
#addProduct input.addSubBut {clear: both; margin: 10px 0 10px 225px;}
#Admin form h5, #Admin form label { font-size:12px; color:#CCC; text-align:right; display:block; width: 200px; float:left; padding: 0 5px}
#addProduct input, #addProduct select, #addProduct label {float:left;}


.adminProduct h5 {text-align:left; color:#CCC; font-weight:bold; font-size:14px; padding: 0 20px 10px 20px; float:left; width: 600px;}
.adminProduct h5 span {color:#888;}
.adminProduct img {float:left;}
.adminProduct form {float:left; margin:0 15px;}
.adminProduct input, .adminProduct select {clear: both; float:left; margin: 5px 5px;}
label {float:left; width:50px; display:block; text-align:left;}
.adminControls {font-size:11px; float:left; margin: 0 0 0 20px; color:#666; width:600px; text-align:left;}
a.adminControlsEdit { color:#99CC00; }
a.adminControlsDelete { color:#CC3300; }

.disclaimer { width: 830px; text-align:left; color:#999; font-size:10px; line-height:1.5em; margin:0 0 30px 35px; clear:both;}
.prodLineWrap { clear:both; }


ul.earthNav { margin: 0 auto 20px auto; padding: 0; height:11px; list-style:none; display:block; width:528px;text-align:center; }
ul.earthNav li { margin: 4px 11px; padding: 0; list-style: none; display: inline; float:left; height:11px; }

/*h3.section { clear:left; text-align:left; color:#FFF; font-size:24px; font-weight:bold; padding: 30px 0 0 47px; }*/
.earthNav a { background: url(../imgs/earthNav.png) 0 0 no-repeat; display:block; text-indent:-9999em; height:12px; margin:0 10px;padding: 0; font-size:2px;}
h3.section { background: url(../imgs/earthtitles.png) 0 100% no-repeat; display:block; text-indent:-9999em; height:21px; margin: 0 0 0 47px;padding: 40px 0 0 0; font-size:1%; clear:both; }

h3#NewYork {background-position: 0 100%; width:205px; }
li.NewYork a {background-position: 0 0; width:108px; }
li.NewYork a:hover {background-position: 0px -11px; }

h3#Venice {background-position: -273px 100%; width:144px; }
li.Venice a {background-position: -144px 0; width:77px; }
li.Venice a:hover {background-position: -144px -11px; }

h3#Spirit {background-position: -492px 100%; width:128px; }
li.Spirit a {background-position: -259px 0; width:69px; }
li.Spirit a:hover {background-position: -259px -11px; }

h3#Platinum {background-position: -692px 100%; width:200px; }
li.Platinum a {background-position: -365px 0; width:105px; }
li.Platinum a:hover {background-position: -365px -11px; }