/* === set all margins and paddings to 0 for consistency === */
* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0 auto;
	font: 76% verdana, arial, helvetica, sans-serif;
	color: #000;
	background: #988261 url(../images/bg_title.gif) repeat-y center;
	width: 750px; 
}
p, table, td, th { /* needed to override some actinic style sheet settings */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
}

/* ============ BEGIN: clearfix ======================= */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* ============ END: clearfix ========================= */

/* ============ generic element settings ============== */
/* ------------ relative font sizes ---------------- */
h1 {
	font-size: 2.0em;
	padding: 0;
}
h2 {
	margin-top: 0; 
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
ol, ul, li {
	font-size: 1.0em;
}
p {
	font-size: 0.9em;
}
/* ------------ set heading colour/font --- -------- */
h1,h2,h3,h4,h5,h6 {
	font-family: 'century gothic', verdana, arial, helvetica, sans-serif;
	color: #381f0e;
}
/* ------------ other element generic settings ----- */
img {
	border: none;
}
a:link, a:visited {
	color: #00bca4;
}
a:active, a:hover {
	color: #c30;
}
/* ------------ line heights ----------------------- */
p, .newsbody, li {
	line-height: 1.4em;
}
ul.box li {
	line-height: 1.4em;
}
/* ------------ margins ---------------------------- */
h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
p {
	margin: 1em 0 0 0;
}
a:link {
	color: #348cf4;
}
a:visited {
	color: #993399;
}
a:active {
	color: black;
}
a:hover {
	color: black;
}

/* ============ misc content elements ================= */
div.hr {
	height: 1px;
	margin: 2.2em 0 2em 0;
	background: url(../images/dotted_line.gif) repeat-x;
	padding-top: 1px;
}
div.hr hr {
  display: none;
}
ul.list {
	margin: 10px;
	list-style: none;
}
ul.list li {
	background: url(../images/bullet_arrow_orange.gif) no-repeat 0 0.35em;
	padding: 0 0 5px 11px;
	font-size: 0.9em;
}
div.hr {
	background: url(../images/bg_dotted_line_grey.html) repeat-x bottom;
	margin: 10px 0;
	font-size: 1px;
	line-height: 1px;
}
.divider {
	margin: 7px 0;
}
.divider div {
	font-size: 1px;
	line-height: 1px;
	background: url( ../images/bg_dotted_line_grey.html) repeat-x bottom;
	clear: both;
}
.clearAll {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
/* ------------ tab aligned text ------------------ */
span.tabTxt {
	display: block;  
	float: left; 
	width: 110px; 
	padding: 0; 
	margin: 0px 0 0; 
	text-align: left; 
}


/* ============  MAIN PAGE BLOCKS & ELEMENTS ========== */
#pagebodycontent {
	background: #fff;
	margin: 0;
	width: 100%;
}
#page-content {
	background: transparent;
}
#page-content p {
	margin-left: 10px;
	margin-right: 10px;
}
#banner {
	padding: 0;
}
#banner img {
	display: block;
}
#footerBar-lifestyle {
	width: 750px;
	padding: 0.6em 0;
	margin-top: 0em;
	background: #D4C4A4;
	border-width: 1px 0;
	border-color: #29160A;
	border-style: solid;
	font-size: 0.9em;
}
#footerBar-wholesale {
	width: 750px;
	padding: 0.6em 0;
	margin-top: 0em;
	background: #7fa7d0;
	border-width: 1px 0;
	border-color: #2b577d;
	border-style: solid;
	font-size: 0.9em;
}
ul.lifestyle-link, ul.wholesale-link {
	list-style: none;
}
ul.lifestyle-link li {
	background: url(../images/bullet_lifestyle-link.gif) no-repeat 26.5em 0.2em;
	padding-left: 3px;
}
ul.lifestyle-link a:link, ul.lifestyle-link a:visited {
	color: #273b55;
	text-decoration: none;
}
ul.lifestyle-link a:active, ul.lifestyle-link a:hover {
	color: #273b55;
	text-decoration: underline;
}
ul.wholesale-link li {
	
	padding-left: 10px;
}
ul.wholesale-link a:link, ul.wholesale-link a:visited {
	color: #482e1d;
	text-decoration: none;
}
ul.wholesale-link a:active, ul.wholesale-link a:hover {
	color: #482e1d;
	text-decoration: underline;
}
#footerBarUnder {
	font-size: 0.9em;
	color: #7e745f;
	padding: 1em;
	border-top: 3px solid #EAE4CB;
}

/* ============ top nav lifestyle/design categories === */
.lifestyleSectionLink {
	width: 188px;
	/*border-right: 1px solid #fff;*/
	float: left;
}
.lifestyleSectionLink a img {
	display: block;
}
.lifestyleSectionLinkTxt, .lifestyleSectionLinkTxtHover {
	width: 187px;
	border-right: 1px solid #fff;
	text-align: right;
}
.lifestyleSectionLinkTxt, .lifestyleSectionLinkTxtHover a {
	font-size: 0.8em;
}
.lifestyleSectionLinkTxt a:link, .lifestyleSectionLinkTxt a:visited {
	color: #fff;
}
.lifestyleSectionLinkTxt a, .lifestyleSectionLinkTxtHover a {
	display: block;
	background: #233141;
	padding: 8px;
	text-transform: uppercase;
	text-decoration: none;
}
.lifestyleSectionLinkTxt a:hover, .lifestyleSectionLinkTxt a:active, .lifestyleSectionLinkTxtHover a:link, .lifestyleSectionLinkTxtHover a:visited  {
	background: #89a7cb;
	color: #fff;
}
.lifestyleSectionLinkTxt a.sel {
	background: #89a7cb;
	color: #fff;
}
.lifestyleSectionLinkTxtHover a {
	text-align: right;
}
/* ============ boxes ================================= */
div#newsContainer {
	width: 157px;
	border: 1px solid #52766E;
	margin: 10px 10px 0 10px;
	padding-bottom: 10px;
}
ul.box {
	font-size: 0.9em;
	list-style: none;
	padding: 0 10px;
	margin: 0;
}
ul.box li {
	background: url(../images/bullet_arrow_orange.gif) no-repeat 0 0.4em;	
	padding: 0 0 0 10px;
}

ul.box li h4 {
	font-size: 1em;
	margin: 0;
	font-weight: normal;
}
h3.box {
	margin: 0.5em 0;
	padding: 0.5em;
	font-size: 1em;
	background-color: #9AC4BA;
	color: #1F4B77;
}
h3.boxSelected {
	margin: 0.5em 0;
	padding: 0.5em;
	font-size: 1em;
	background-color: #9AC4BA;
	color: #1F4B77;
}
h3.box a:link, h3.box a:visited {
	color: #fff;
}
h3.box a:hover, h3.box a:active {
	color: #fff;
}
h3.boxSelected a {
	color: #fff;
	font-style: italic;
}


/* ============ nav bar content - lifestyle =========== */
#navbarh {
	width: 750px;
	padding: 5px 0;
	background: #482e1d url(../images/bg_navbar.gif) repeat-x top;
	border-top: 1px solid #866a57;
}
#navbarh ul {
	padding: 4px 0 6px 0;
	margin: 0 0 0 4px;
	list-style: none;
	float: left;
}
#navbarh ul.basket {
	float: right;
}

#navbarh ul.basket li span {
	background: transparent url(../images/icon_basket.gif) no-repeat 0px .1em;
	padding-left: 20px;
}
#navbarh ul li {
	display: inline;
	padding: 1px 0 6px 0;
	font-size: 0.85em;
	margin-left: -4px;
}
#navbarh ul li a {
	font-weight: normal;
	text-transform: uppercase;
	padding: 12px 6px;
}
#navbarh a:link, #navbarh a:visited {
	color: #fff;
	text-decoration: none;
	background: transparent;
}
#navbarh a:active, #navbarh a:hover {
	color: #fff;
	text-decoration: none;
	background: #946616 url(../images/bg_navbar_hover.gif) repeat-x top;
}


/* ============ nav bar content - wholesale =========== */
#navbarh-wholesale {
	padding: 5px 0;
	background: #5a7d9c url(../images/bg_navbar_blue.gif) repeat-x top;
	border-top: 1px solid #5a7d9c;
}
#navbarh-wholesale ul {
	padding: 4px 0 6px 0;
	margin: 0 0 0 4px;
	list-style: none;
}
#navbarh-wholesale ul li {
	display: inline;
	padding: 1px 0 6px 0;
	font-size: 0.85em;
	margin-left: -4px;
}
#navbarh-wholesale ul li a {
	font-weight: normal;
	text-transform: uppercase;
	padding: 12px 8px;
}
#navbarh-wholesale a:link, #navbarh-wholesale a:visited {
	color: #fff;
	text-decoration: none;
	background: transparent;
}
#navbarh-wholesale a:active, #navbarh-wholesale a:hover {
	color: #fff;
	text-decoration: none;
	background: #15597b url(../images/bg_navbar_blue_hover.gif) repeat-x top;
}
#subnav, #subnav2, #subnavShop {
	width: 750px;
	border-bottom: 1px solid #ac9d93;
	background-color: #fff;
	padding: 4px 0 6px 0;
}
#subnav2 {
	border-bottom: 0px solid #ac9d93;
}

#subnav ul.wholesale {
	list-style: none;
	margin: 0 10px 0 0;
}
#subnav ul.wholesale li {
	background: url(../images/bullet_arrow_black.gif) no-repeat 0 0.55em;
	padding: 4px 0 4px 18px;
	float: right;
}
#subnav ul.wholesale a {
	text-transform: uppercase;
	font-weight: normal;
}


#subnav a:link, #subnav a:visited {
	color: #000;
	text-decoration: none;
}
#subnav a:active, #subnav a:hover {
	color: #000;
	text-decoration: underline;
}
/* ------------ shop subnav (breadcrumb) ---------- */
#subnavShop {
	background: #7e6250;
	border-bottom-width: 0;
	color: #d4e6e7;
}
#subnavShop a:link, #subnavShop a:visited {
	color: #d4e6e7;
	text-decoration: underline;
}
#subnavShop a:hover, #subnavShop a:active {
	color: #fff;
	text-decoration: underline;
}

/* ============ shop home page  ======================= */
.shopHomeLeft {
	width: 450px;
	float: left;
}
.shopHomeRight {
	width: 300px;
	float: left;
	/*margin: 0 11px 0 450px;
	padding: 10px 0;*/
	/*background-color: #0f0;*/
}
.shopHomeRight h2 {
	margin-top: 1em;
}
.shopHomeLeft .contentPadding {
	margin-left: 0px;
	margin-right: 15px;
	background: #f9f9f9;
}
.shopHomeRight .contentPadding {
	margin-right: 11px;
}
.shopHomeRight .calloutBox {
	margin: 3em 0 2em 0;
}
.shopHomeRight .calloutBox h3 {
	background: #e4effb url('box_header_callout1.html') repeat-x top;
	padding: 5px;
	color: #0051b2;
	margin-bottom: 0;
	/*font-family: arial, helvetica, sans-serif;*/
	font-weight: bold;
	font-size: 1.2em;
}
.shopHomeRight .calloutBox ul {
	list-style: none;
}
.shopHomeRight .calloutBox li {
	background: url('nav_arrow_callout.html') no-repeat 0 0.6em;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #d9d2c5;
	padding: 0.6em 0 0.6em 13px;
}
.shopHomeRight .calloutBox li.last {
	border-bottom-width: 1px;
}
/* ============ product layouts ======================= */
.formLabel {
	font-weight: bold;
	font-size: 0.9em;
}
/* ------------ prod summary listing -------------- */
table.productsummary {
	/*width: 728px;*/
	/*border-collapse: collapse;*/
	border-width: 0 0 0 1px;
	border-color: #ccc;
	border-style: solid;
}
table.productsummary img {
	display: block;
	margin: 5px 5px 0 5px;
}
table.productsummary tr td {
	width: 181px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
}
table.productsummary tr.afterFirst td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
}
table.productsummary .prodSummaryContent { /* to allow price and button to be positioned at bottom of td */
	height: 100%;
	position: relative;
}
table.productsummary .prodSummaryButton { /*attempt to position price and button at bottom of td*/
	position: absolute;
	bottom: 1px;
	left: 0px;
	width: 181px;
	height: 50px;
}
table.productsummary tr td .contPadd {
	margin: 10px;
}
table.productsummary tr td h3 {
	font-weight: normal;
	font-family: verdana, geneva, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.4em;
	color: #000;
}
table.productsummary h3 a:link, table.productsummary h3 a:visited, table.productsummary h3 a:hover, table.productsummary h3 a:active {
	color: #000;
}
table.productsummary p.price {
	font-size: 1em;
}
/* ------------ prod detail listing --------------- */
table.prodDetails {
	width: 729px;
	margin: 0;
}
table.prodDetails tr td.theMain {
	width: 99%;
	color: #f00;
}
table.prodDetails tr td.theMain table.prodDetailsInner {
	background: transparent;
}
table.prodDetails tr td.theMain table.prodDetailsInner td.picture img {
	display: block;
}
table.prodDetails tr td.theMain table.prodDetailsInner td.text {
	padding: 0 10px;
}
table.prodDetails tr td.theMain h2 {
	margin-bottom: 15px;
}

table.prodDetails td.relatedProds {
	padding: 0 0 0 10px;
	border-left: 1px solid #ccc;
}
table.prodDetails td.relatedProds table.relatedProductItems {
	/*border-left: 1px solid #ccc;*/
}
table.prodDetails h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 15px;
}
table.prodDetails p.prodDesc {
	line-height: 1.4em;
}
/*table.prodDetails p {
	margin-top: 0;
}*/
table.prodDetails td.relatedProds h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	margin: 1em 0;
}
table.prodDetails h4 a:link, table.prodDetails h4 a:visited {
	color: black;
	text-decoration: none;
}
table.prodDetails h4 a:hover, table.prodDetails h4 a:active {
	color: black;
	text-decoration: underline;
}
table.prodDetailsInner td.text .formLabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 110px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form elements */
	text-align: left;
}
table.prodDetailsInner td.text input, table.prodDetailsInner td.text select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #888659;
}
table.prodDetailsInner td.text input[type="image"] {
	margin-left: 0;
}
table.prodDetailsInner td.text br {
	clear: both;
}
/* ------------ generic shop styles --------------- */
p.price {
	font-weight: bold;
	color: #1b67c3;
	font-size: 1.2em;
}
p.prodRef {
	font-weight: bold;
	color: #f00;
}
/* ============ terms and conditions ================== */
#tandcs h3 {
	margin: 1em 0;
	background-color: #f3ecd2;
	border: 1px solid #ded0b5;
	padding: 5px;
}
/* ============ cart & checkout styles ================ */
table.cartMain {
	border-collapse: collapse;
}
table.cartMain td, table.cartMain th {
	padding: 3px;
}
table.cartMain tr th {
	background: #cddaea;
	border-width: 0 1px;
	border-color: #fff;
	border-style: solid;
}
table.cartMain tr td {
	background: #fff;
	border-width: 0 0 1px 0;
	border-color: #bfc7d0;
	border-style: solid;
}
table.cartMain tr td table tr td {
	border-width: 0;
}
h3.cartRecommendedProds {
	background: #cddaea;
	padding: 3px;
	margin: 0;
	border-bottom: 1px solid #bfc7d0;
}
div.cartRecommendedProds {
	background: transparent;
}
div.cartRecommendedProds ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}
div.cartRecommendedProds ul li {
	padding-left: 10px;
	background: url(../images/breadcrumb_arrow.gif) no-repeat 3px 0.4em;
}
table.cartButtons {
	margin-top: 1em;
}
table.cartButtons tr td {
	padding: 5px;
}
table.checkoutForm {
	border-collapse: collapse;
}
table.checkoutForm tr td {
	border-width: 2px 0;
	border-color: #fff;
	border-style: solid;
	background: #f3ecd2;
	padding: 5px;
}
table.checkoutForm tr td tr td {
	border-width: 0;
}
h3.checkout {
	margin: 1.2em 0 0.5em 0;
}

/* ============ top nav shop categories =============== */
.shopSectionLink {
	width: 250px;
	/*border-right: 1px solid #fff;*/
	float: left;
}
.shopSectionLink a img {
	display: block;
}
.shopSectionLinkTxt, .shopSectionLinkTxtHover {
	width: 249px;
	border-right: 1px solid #fff;
	text-align: right;
}
.shopSectionLinkTxt, .shopSectionLinkTxtHover a {
	font-size: 0.8em;
}
.shopSectionLinkTxt a:link, .shopSectionLinkTxt a:visited {
	color: #fff;
}
.shopSectionLinkTxt a, .shopSectionLinkTxtHover a {
	display: block;
	background: #233141;
	padding: 8px;
	text-transform: uppercase;
	text-decoration: none;
}
.shopSectionLinkTxt a:hover, .shopSectionLinkTxt a:active, .shopSectionLinkTxtHover a:link, .shopSectionLinkTxtHover a:visited  {
	background: #89a7cb;
	color: #fff;
}
.shopSectionLinkTxt a.sel {
	background: #89a7cb;
	color: #fff;
}
.shopSectionLinkTxtHover a {
	text-align: right;
}

/* ============ page bottom icon nav ================== */
ul#featureNavFooter {
	margin: 0;
	padding: 0;
}
ul#featureNavFooter li {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 10px 0.5em 30px;
	float: left;
}
ul#featureNavFooter li.design {
	background: url(../images/icon_design_service.gif) no-repeat 0 -2px;
}
ul#featureNavFooter li.shop {
	background: url(../images/icon_online_shop.gif) no-repeat 0 -2px;
}
ul#featureNavFooter a:link, ul#featureNavFooter a:visited, ul#featureNavFooter a:hover, ul#featureNavFooter a:active {
	color: black;
}

/* ============ BREADCRUMB ============================ */
ul#breadcrumb {
	margin: 0;
	padding: 0;
	display: inline;
}
ul#breadcrumb li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 3px 0 17px;
	background: url('breadcrumb_arrow.html') no-repeat 3px 0.4em;
}
#subnavShop ul#breadcrumb li.noBullet {
	background-image: none;
	padding-left: 3px;
}
#subnavShop ul#breadcrumb li {
	background: url('breadcrumb_arrow_shop.html') no-repeat 3px 0.4em;
}
ul#breadcrumb li.first {
	background-image: none;
	padding-left: 10px;
}