#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




/* Distinctive Doors */
/* By Argument from Design www.ardes.com */
/* Version 2 (New CID edition) */
/* Mar 2010 */

/*  LOGO PRIMARY COLOUR:   #00853F
/*  LOGO SECONDARY COLOUR: #73C167
/*   COMPLIMENTARIES: 
/*    SKY BLUE:     #2E7FAA
/*    CLARET:       #781829
/*    HOT PINK:     #A10E55
/*    V DDV1 GREEN: #3FAA3A
/*    50S GREEN:    #80C048
/*    BROWN:        #79301D
/*    MARRON:       #A24220
/*    FLESH:        #DF834E
/*    DARK GREEN:   #0F2C18
/*    ROYAL PURPLE: #16062A
/*    RUST BROWN:   #791D19
/*    AGED YELLOW:  #C2A224
/*    OLIVE GREEN:  #3B4C1F
/*    LAVENDER:     #B88C90
/*    BLUSH:        #E46459
/*    DARK BROWN:   #440F0E
/*   

/* =====GENERAL DECLARATIONS===== */
/* =ZERO margins & padding, which we define elsewhere, courtesy Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { clear: both; }

/* =====HTML DECLARATIONS===== */
body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 1em; line-height: 1.4em;
  background-color: #FFF;
  background-image: url(/images/backgrounds/body.jpg); background-repeat: repeat-x; background-position: bottom left;	
}

a:link { color: #00853F; }
  a:visited { color: #1D4E06; }
  a:hover, a:active { color: #781829; }

  a.lightwindow img { /* Try to force LW'd content on top of Flash movies */
    z-index: 2!important; 
  }

blockquote {
  background-color: #E2EDEA;
  margin: 0.15em 0.75em;
  -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em;
}

dfn { font-style: normal; }

h1, h2, h3, h4, h5, h6 { 
  font-weight: bold; color: #00853F; line-height: 100%; 
  margin: 0.25em 0.5em;
  }
  h1 { font-size: 1.15em; }
  h2 { font-size: 0.9em; }
  h3 { font-size: 0.9em; }
  h4 { font-size: 0.85em;  }
  h5 { font-size: 0.7em; }
  h6 { font-size: 0.7em; font-weight: normal; font-style: italic; }

object, embed { /* Try to force Flash movies under lightwindowed content */
  z-index: 1!important; 
}

ol, ul {
  margin-left: 1em;
  line-height: normal;
}
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
    li { margin-left: 0.75em; }

p, div.p { font-size: 0.9em; margin: 0.75em 0.75em 1em; padding-left: 0.25em; line-height: 1.5em; }
  
strike { text-decoration: none; color: #8A090C;}

sup { font-size: 0.75em; vertical-align: top; line-height: 0; }
  p.size_info { line-height: 145%; }
    p.size_info.general sup { display: inline; }
    p.size_info.extra { font-size: 0.75em!important; }

p.admin { background-color: #FAD8E3; padding: 0.3em!important; }


/* =====FORMS===== */
/* Lots of variations & exceptions for forms. Contextual variations in their respective locations in stylesheet. */
fieldset { display: block; border: 0 solid #FFF; margin: 0.5em; }

legend { color: #2E780A; font-size: 1em; font-weight: bold; margin-left: 0.75em; }

div.field, div.optional { display: block; clear: both; margin-bottom: 0.25em; }
  form.customer div.field p, form.customer div.optional p { margin: 0.75em 1em 1em 15em; }

  label.required { font-weight: bold; }

input.checkbox, .checkbox input { position: relative; top: 0.25em; width: auto!important; }

input.formbutton, input.prehung {
  color: #FFF; width: auto!important;
	font-size: 0.9em; font-weight: bold; padding: 0.25em 0.5em; 
	-moz-border-radius: 0.7em; -webkit-border-radius: 0.7em;
}
  input.formbutton { 
  	background-color: #73C167; border: 0.15em solid #73C167;
  }
    form.customer div.field input.formbutton, form.customer div.field p.tip {
      margin-left: 35em!important;
    }

		form.customer div.field p.tip { margin-top:0;}
  input.prehung {
    background-color: #6480B3; 
    border: 0.15em solid #6480B3;     
  }

  input.formbutton:active {
    background-image: none; background-color: #00853F; border-color: #00853F;
  }
  input.prehung:active { background-color: #3C639E;}

select { background-color: #E5E5E5; border: 1px solid #CCC; }

form.link, form.link * { display: inline; }

/* =====NAVSEARCH===== */
#nav form { font-size: 0.95em; height: 2em; width: 11em; float: right; padding: 0; margin-bottom: 0!important; }
  #nav form input { display: inline; float: left; margin: 0!important; }
  #nav #search_bar_query { /* Search input */
    width: 8.8em; font-size: 0.70em; padding: 3px 0 0 0;
  }
  #nav input.navsearch { /* Search Button */
    font-size: 0.8em; border: 0 solid #FFF; width: auto;
    padding: 0.25em 0.5em; background-image: none; background-color: transparent!important;
  }


/* =====ERRORS===== */
div.errorExplanation {
  border: 0.15em solid #AD121D; background-color: #FAB3B9;
  margin: 0.5em; padding: 0.25em;
}
  div.errorExplanation h2 {  color: #AD121D; font-size: 1em; line-height: 120%; margin-top: 0; }
  div.errorExplanation p, div.errorExplanation li {
    font-size: 12px; padding-top: 0.25em; color: #650A10;
  }
  div.errorExplanation p {  margin-left: 1em!important; }
  div.errorExplanation ul { margin-bottom: 1em; }

form div.fieldWithErrors { color: #AD121D; padding: 0; display:inline; font-weight:bold; }


/* =====POSITIONING===== */
#container { /* Containing elements for all positioned DIVs on the page */
  background-color: #FFF;
  width: 1001px; margin: auto; padding: 0; 
  border-left: 1px solid #73C167; border-right: 1px solid #73C167; 
}

#splash { /* Flash-like, editable DIV on teaser product pages */
  clear: both;
  overflow: hidden; width: 100%; background-color: #FFF; 
  border-bottom: 1px solid #73C167;
}
  .splash_static { margin: 1em; float: left; }
  .splash_full { width: 62.5em; overflow: hidden; margin: 0; padding: 0; }
  
#nav, #nav-products { /* Navigation, duh! */  
  clear: both; height: 1.55em; 
}
#nav {
  border-bottom: 1px solid #1D4E06; border-bottom: 1px solid #1D4E06;
  background-image: url(/images/backgrounds/nav.png); background-repeat: repeat-x; background-position: bottom left;
}

  #nav, #nav input.navsearch { /* input.navsearch is input button in #nav's searchbar */
    color: #FFF; background-color: #02823C;
   }

#footer { background-image: url(/images/backgrounds/masthead.png); background-repeat: repeat-x; }

#content { /* Location of all products. More infor below in CONTENT */
  background-color: #FFF; float: left;
  width: 766px; border-right: 1px solid #73C167;             /* Now, 766 + 1 =767. 232 @ right */
 }

 #cart { /* Cart & Admin Info. More info below in CART */
  background-color: #FFF; float: right; 
  width: 233px; padding: 0;                                  /* 233 + 1 = 234. Slightly unsightly 1px gap @ rt. */
  border-left: 1px solid #73C167;                           /*  Border-left so that either #content or #cart can be big enough */
  position: relative; left: -1px;
 }

#footer { /* E&OE, Links */
  clear: both;
  background-color: #FFF;
  padding: 1em; padding-bottom: 1.5em;
  border-top: 1px solid #73C167;
} 

#cart-reminder {
  z-index: 10000;
  position: fixed!important;
  bottom:5px;
  right:5px;
  background-image: url(/images/backgrounds/cart.png); background-repeat: repeat-x; /* IE6 not honouring this */
  padding: 0.5em;
  border: 4px solid #751628;
  -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em;
}

/* =====MASTHEAD===== */
#masthead { /* Logo & contact details */
  background: #FFF; background-image: url(/images/backgrounds/masthead.png); background-repeat: repeat-x; 
  width: 766px;
  height: 145px;
}
  #masthead p {
    text-align: right;
    font-size: 0.68em; line-height: normal;
    color: #00853F; margin: 0; padding: 0.3em 1em 0.15em;
  }
    #masthead p.open { padding: 3em 1em 0.75em 1em; }
    #masthead div.logo { width: 20em; float: left; padding: 0.5em 0 0.25em 1em; } 
      #masthead p.dd { /* Title */
        font-weight: normal; color: #00853F; 
        font-size: 0.7em; line-height: 105%; padding: 0; text-align: left; margin: 0 0 0 0.8em;
      }


/* =====CONTENT-SPECIFIC===== */
#content h2 { font-size: 1em; }
#content h3 {font-size: 0.95em; }
#content h4 {font-size: 0.8em; }
#content h5 { font-size: 0.75em; }

#content ul, #content ol {
  margin: 1em 2em 1em 2em;
}
#content li { font-size: 0.75em; margin-bottom: 0.5em; }
  #content li li { font-size: 1em; }

table { 
  text-align: center; empty-cells: hide; padding: 0.5em 0; font-size: 0.8em;
}

tr { background-color: transparent; padding: 0.25em 0; }
  tr div { text-align: left; padding-left: 0.5em; }
  
  th { 
    padding: 0.25em; margin: 0;
    font-weight: bold; text-align: left;
    color: #1F1F1F; background-color: #D5E5CE; 
  }
    th p { line-height: 1em; }
    th.price { text-align: right; }
      th a:link, th a:visited { color: #000; }
      th a:hover, th a:active { color: #8B0E27;}
  
    td { padding: 0.25em 0.15em; margin: 0.2em!important; background-color: #EDF2EA; vertical-align: center; line-height: normal; }
      td p { margin: 0.25em; }
        td p em { font-size: 0.95em; }

#content p.important, #content p.note { font-size: 0.8em; }
#content p.fineprint { color: #7F7F7F; font-size: 0.75em; }

#content form.customer { padding: 0.5em 0.5em 0.75em; font-size: 0.85em; }
  #content form.customer label { 
    float: left; width: 30em; text-align: right; 
  }  
#content form.customer input { margin-left: 1em; width: 20em; }
  
#content form.customer textarea { margin-left: 1em; width: 20.5em; }


/* =====CRUMBS===== */
div.crumbs {
  font-size: 0.7em; line-height: 100%;
  padding: 0.3em 0 1em 0; margin: 1em 0.5em 0.5em 1em;
  border-bottom: 0.15em solid #73C167; 
}
  div.crumbs a:visited { color: #2E780A!important; }
  div.crumbs a:link, div.crumbs a:visited { text-decoration: none; }
  div.crumbs a:hover, div.crumbs a:active { text-decoration: underline; }

	div.crumbs span.repeated { color: #DDD!important; }
	div.crumbs a.repeated { color: #D7DDDD!important; }


/* =====UNITS_PREF===== */
div#units_pref {
  color: #000; background-color: #73C167;
  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
  float: right; margin: 0; padding: 0.4em; 
  position: relative; top: -0.4em; /* Line it up w/ crumbs  */
}
  div#units_pref.on { /* PE turns this on when mouse over */
    background-color: #2E780A; color: #FFF;
  }

  div#units_pref a    { color: #000!important; text-decoration: underline; }  
    div#units_pref:hover a { color: #FFF!important; }
  div#units_pref dfn  { color: #000!important; font-weight: bold; }
    div#units_pref:hover dfn  { color: #FFF!important; font-weight: bold; }


/* =====TEASER===== */
div.teaser { /* teaser products view */
  float: left; 
  width: 22.25em;                       /*  22.25+1.21=23.46. Should be able to accommodate 23.5, but for Opera that's too much, */
  margin: 0.25em 0.5em 0.75em 0.71em;   /*  so so two items (46.92) per 'line' ( instead of 47) */
  min-height: 10.5em; /* To counteract divs w/ images of less than 100px height. Must define specfically in IE */
  border: 1px solid #BFBFBF;          /* Actually, box is 23.66, i.e., 47.32--0.08em is too much of a difference for Opera */
  background-image: url(/images/backgrounds/doors.png); 
  background-repeat: repeat-x; background-position: top left; 
  -moz-border-radius:     0.7em; /* Rounded for CSS3 */
  -webkit-border-radius:  0.7em;
  text-align: center; /* Contents of div.teaser (images) aligned left; have to counteract below in h2 & div.item */
}
  div.teaser h2 { /* Cool header effect */
    color: #00853F; 
    border-bottom: 1px solid #BFBFBF;
    padding: 0.3em 0.75em; margin: 0 0 0.5em; 
    font-size: 0.8em;
    -moz-border-radius-topleft:       0.7em; /* Must also round header top */
    -webkit-border-top-left-radius:   0.7em; 
    -moz-border-radius-topright:      0.7em; 
    -webkit-border-top-right-radius:  0.7em;
    text-align: left;
   }
   div.teaser h2 a:link, div.teaser h2 a:visited { text-decoration: none; border-bottom: 1px dotted #A6DB9F; }
    div.teaser h2 a:hover, div.teaser h2 a:active { text-decoration: underline; border-bottom: 0; }
  
  div.teaser span.more {
    display: block;
    font-size: 0.85em; font-weight: normal; 
  }
    div.teaser span.more a:link, div.teaser span.more a:visited { text-decoration: underline!important; }
  
  div.teaser a.range { text-decoration: none; }
    div.teaser a.range img { display: inline; margin: 0 0 1em; }
  
  div.teaser p.important { font-size: 0.75em!important; }

  div.wide { /* Full-width variant of div.teaser */
    width: 45.75em;
  }

/* =====ITEM===== */
/* After the home page, we've got the individual product sections, each held in a div.item */
  div.item { text-align: left!important; }
    div.item h2 { font-size: 0.85em!important; }
    
    div.item h3, div.item p { text-align: left; line-height: 1.2em; margin-top: 0; }
    
    div.item form { clear: both; text-align: right; padding: 0; } 
      div.item form select { width: 20em; }


/* =====PREVIEW===== */
div.item div { /* Here we zero everything again, but float: left is carried over. Override when necessary! */
  border: 0; margin: 0; padding: 0; background: transparent; width: auto;
  -moz-border-radius: 0; -webkit-border-radius: 0;
}
  div.preview {
    width: 157px!important; float: left;
  }
    div.preview img { margin: 0.2em 5px 0.75em; }

div.item h3, div.item p {
  font-size: 0.7em; margin-left: 167px; padding-left: 0.5em; padding-right: 0.5em; margin-bottom: 0.75em;
}


/* =====PRODUCT-PAGES===== */
div.preview_large { 
  width: 15em; float: left; 
  margin: 0 1em 1em 0; padding: 1em;
  text-align: center; font-size: 0.8em;
}

  div.preview_large div.links { margin: 0; padding: 5px; background-color: #FFF; font-size: 0.85em; line-height: 1.2em;}
  
  div.preview_large div.link { margin: 0; padding: 5px 0 5px 0; }

  div.data { float:left; width: 44em; font-size: 0.75em; }
    div.data p { font-size: 1em!important; }
    
    div.data table { width: 41em; font-size: 1em; }
      div.data tr { border-bottom: 1px solid #FFF; }
        div.data table table td { /* Elegant Entrances in two tables, not sure why, but can't seem to fix it */
          vertical-align: top; 
        }
    
    /* Lots of important manual overrides from the form defs here that must be honoured, hence the 'important's */
    div.data form { padding: 0!important; text-align: left; font-size: 1em!important; }
    
      div.data table label { padding: 0!important; width: 3.5em!important; }
       
       div.data table div.field div { float: left; }
        div.data table div.field div label { margin-top: 0.25em; }
        div.data table div.field div input { width: 3em!important; }
       
      div.data input { width: auto!important; }
        div.data input.quantity { width: 2em!important; margin-left: 0!important; }
        div.data input.formbutton { margin-left: 0!important; }
          div.data input.formbutton.entrance { font-size: 1em; margin-top: 0.5em; }
      
      div.data div.scm { padding: 0!important; }
      
      div.product .scm img { margin: 0 1em 1em 0; }


/* =====CART===== */
#cart h4 { margin-top: -0.45em!important; }
#cart h5, #cart h6 { margin-top: 0; padding-top: 0.5em; }
#cart a, #cart a:visited { color: #0C664E; }

/* cart links for admin*/
#cart .more .links {
  font-size: 11px; text-align:center;
}
#cart .more .links a { padding: 3px; margin:2px; text-decoration:none;}
#cart .more .links a:hover { background-color: #F8D7E3; }



div.cartheader {
  background-color: #73C167; color: #FFF; margin: 0;
}
  div.cartheader h4 { font-size: 0.8em; }
  div.cartheader h4, div.cartheader a, div.cartheader a:visited { color: #FFF!important; }
  div.cartheader a:hover, div.cartheader input:hover { color: #A10E55!important; }
  div.login { clear: both; }
  
  div.cartheader h4 { padding: 0.5em 0 0.25em 0; margin-bottom: 0!important; }
  div.cartheader p, div.cartheader div.login { font-size: 0.7em; margin: 0.25em 0.5em 0 0.75em!important; padding-bottom: 0; }
  
  div.cartheader form { font-size: 1em; }
    div.cartheader input { background-color: transparent; color: #FFF; border: 0 solid #FFF; border-bottom: 0.15em solid #FFF; padding: 0; }
      div.cartheader input:hover { border-bottom: 0.15em solid #FFF9B1; border-bottom: 0.15em solid #A10E55!important;; }
  
#cart .contents {
  font-size: 0.8em; line-height: 100%;
  background-color: #FFF;
  background-image: url(/images/backgrounds/cart.png); background-repeat: repeat-x; /* IE6 not honouring this */
  }
  
  #cart .contents h5 { font-size: 0.9em; }


/* ======CART-ITEM: individual items in a cart===== */
.cartitem, #cart_contents { border-bottom: 1px solid #73C167; padding-bottom: 0.25em; }
  #content .cartitem { -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; }
    #content .cartitem p { margin-left: 0.25em; }
    #content .cartitem .put { margin-left: 0.5em; }
  .cartitem p { font-size: 0.75em; line-height: normal; margin-bottom: 0!important; }
  
  .cartitem .imgthumb { float: left; margin: 0 1em 1.5em 0.5em; }
    .cartitem .imgthumb img { margin: 0.5em auto;}
  
  .cartitem form { margin: 0; padding: 0; width: auto; }
  .cartitem input, #cart_contents input.confirm, form.customer input.confirm {  
    color: #FFF; background-color: #A7BFB9; text-decoration: none; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em;
    border: 0 solid #FFF; margin-right: 0.5em; font-size: 0.8em;
  }
  #cart .confirm { width: auto; padding: 0.2em; display: block!important; }
  
  #cart .cartitem input.amount { float: right; }
    #content .caritem form { padding-bottom: 0!important; }
    #content .cartitem .amount { margin-right: 0.25em!important; float: left; }
  input.amount { 
    width: auto!important; 
    padding: 0 0.25em; margin-top: 0.5em; margin-bottom: 0.5em; 
    -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; 
  }
  .cartitem input:active { background-color: #013025; }
  .cartitem input.delete, input.confirm { clear: both; float: none; margin-left: 0.75em; margin-bottom: 0.75em; }
  
  #cart p.quantity { clear: left; float: left; }
    #content .cartitem p.quantity { margin-bottom: 0.5em!important; }
  
  p.subtotal, p#cart_total, p.cart_total { clear: both; margin-bottom: 0.75em!important; }
    p.subtotal { font-size: 0.85em; }
    #content .cartitem p.subtotal { margin-top: 0.5em!important;}

  .checkout { text-align: right!important; margin-top: 1em; clear: both; }
    span.checkout { font-size: 0.8em; float: right; margin-top: 0.25em; color: #FFF!important; }

    .checkout a, .checkout a:visited, .checkout a:hover, .checkout a:active { color: #FFF!important; }
    span.checkout a:hover { background-color: #FFF; border-color: #FFF; }
    .checkout a { 
      background-color: #781829; text-decoration: none; padding: 0.4em; 
      -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; border: 0.15em solid #781829;
    }
      .checkout a:active { 
        background-color: #440F0E; border: 0.15em solid #440F0E;
      }

		div.cartheader a.view_cart {
			float: right; font-weight: normal;
			background-color: #781829; text-decoration: none; padding: 0.4em;
      -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; border: 1px solid #781829;
		}
		div.cartheader a.view_cart img { vertical-align: text-bottom; }
		div.cartheader a.view_cart:hover { color: #FFF!important; }

/* =====CART PAGE: Viewing items on a separate cart page===== */
#large_cart .cartitem { float: none; width: 45em; margin: 0.5em; border: 1px solid #89A39D; }
  #large_cart h3 { padding-top: 1em; }
  #large_cart .cartitem .summary { margin-left: 160px; }
  #large_cart .cartitem .amount { float: none; }
  #large_cart .cartitem .price { clear:left; text-align:right; padding-right:0.5em;}

#large_cart .cart_total { font-size: 120%; text-align:right; padding-right:0.5em;}

/* =====EXTRA (=NEWS & =FEEDBACK)===== */
div.extra { 
  background-color: #FFF; padding-bottom: 1em; 
}
  div.extra h5 { font-size: 0.9em; }
  div.extra p { font-size: 0.75em; margin: 0.75em 0.45em; }


/* =====NAVIGATION===== */
#nav, #nav-products * { 
  z-index: 2; /* Otherwise #units_pref displays over #nav */
  line-height: 125%;
} 
#nav ul, #nav-products ul {
  list-style-type: none; line-height: 90%; margin-left: 0;
}
  #nav li, #nav-products li { /* all list items */
    float: left; 
    font-size: 0.75em; margin-left: 0;
  }
    #nav li li, #nav-products li li { /* 1st sub-level nav items */
      font-size: 1em;
      width: 18.9em; /* 0.1 less than #nav ul ul, otherwise an unsightly gap */
    }
      #nav li li a span, #nav-products li li a span { /* This surrounds the '>>' character */
        margin-left: 1em;
      }

  #nav ul ul, #nav-products ul ul { /* 1st sub-level items */
    position: absolute; 
    width: 19em; display: none; /* Hide until needed */
  }
    #nav li ul ul, #nav-products li ul ul { /* Third & lower lists  */
      margin: -0.9em 0 0 10em;
    }
    
    #nav li:hover>ul, #nav-products li:hover>ul { /* Appear when necessary. User > to reach direct descendant (needs to be counteracted in IE6 CSS) */
      display: block; 
    }

#nav a, #nav-products a { 
  display: block; color: #FFF; text-decoration: none;
}
  #nav a { padding: 0.4em 0.75em 0.5em; }
    #nav li li a { padding-left: 0.5em; padding-right: 0.5em; }
  #nav-products a { padding: 0.4em 0.5em 0.5em; }
  #nav li li a, #nav-products li li a { padding: 0.75em; }
  
  #nav a:visited, #nav a:hover, #nav a:active, 
  #nav-products a:visited, #nav-products a:hover, #nav-products a:active  { color: #FFF; }
  #nav a:hover, #nav a:active {
    color: #FFF!important; 
    background-color: #154000;
  }
  #nav-products a:hover, #nav-products a:active {
    color: #FFF!important; 
    background-color: #781829;
  }

#nav li.on { /* visually indicate section location of visitor */
  background-image: none; background-color: #154000;
}
  #nav-products li.on { background-image: none; background-color: #781829; }

/* =====NAV VARIATIONS===== */
#nav-products { 
  width: 766px; border-top: 0; 
  background-color: #781829;
  background-image: url(/images/backgrounds/nav-products-claret.png); background-repeat: repeat-x; background-position: top left;
}
  #nav-products ul { margin: 0; }

#nav li {
  border-right: 1px solid #1D4E06; border-bottom: 1px solid #1D4E06; 
}
  #nav li.last { border-right: none; }
#nav-products li { 
  border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; 
  background-color: #781829;
  background-image: url(/images/backgrounds/nav-products-claret.png); background-repeat: repeat-x; background-position: top left;
  margin-bottom: 0; width: 152px;
}
  #nav-products li.last { border-right: none; width: 154px; }
  #nav li li {
    border-left:    1px solid #1D4E06; 
    border-right:   1px solid #1D4E06; 
    border-bottom:  1px solid #154000;
  }
  #nav ul ul { background-color: #1D4E06; }
  
  #nav-products li li { /* 1st sub-level nav items */
    font-size: 1em;
    width: 18.9em; /* 0.1 less than #nav ul ul, otherwise an unsightly gap */
    border-left:    0 solid #FFF; 
    border-right:   1px solid #FFF; 
    border-bottom:  1px solid #FFF;
    background-color: #5B0616;
    background-image: none;
  }

    #nav-products li li li {
      background-color: #5B0616;
    }


/* =====FOOTER===== */
#footer p {
  text-align: center; font-size: 0.7em; line-height: normal; margin: 0.5em; clear: both; margin-bottom: 5em;
}

#footer ul { 
  list-style-type: none; margin: auto!important; padding: 0!important;
}
  #footer li {
    width: 13.2%!important; float: left;
    margin: 0; padding: 0 0.4em; 
    font-size: 0.7em; font-weight: bold; text-align: center;
    border-right: 1px solid #ccc;
  }
    #footer li.last { border-right: none; }
    #footer li ul { margin-top: 0.5em!important; }
      #footer li li ul { margin-top: 0!important;}
  
  #footer li.ancillary li { font-weight: normal; }
    #footer li li { 
      font-size: 0.85em; text-align: left;
      width: 95%!important; 
      margin: 0 0 0 0.25em; padding: 1px;
      border-right: 0; height: auto;
    }
      #footer li li.ancillary { font-weight: bold; }
      #footer li li li { font-size: 1em; font-weight: normal; }

#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active { text-decoration: none; }
#footer p { clear: both; }

/* =====ADMIN===== */
div#admin_mode {
  position: absolute;
  top:5px; right:5px;
  font-size: 0.75em;
  z-index: 3000; 
}
  div#admin_mode a { background-color: #FAD8E3; color: #650A10; text-decoration:none; padding:3px; }
  div#admin_mode a:hover { background-color: #650A10; color: #FAD8E3; }


/* =====FLASH===== */
.flash {
  position:fixed; bottom: 0; right: 0; width: 100%;
  color: #FFF; z-index: 2001;
}

  .flash p {
    text-align: center; margin: auto;
    background:transparent url(/images/lightwindow/black-70.png) repeat scroll 0%;
    text-align: center; padding: 2em 1em 2em 1em; font-style: bold;
    font-size: 1.3em;
  }
    .flash p.error  { color: #FCC; }
    .flash p.notice { color: #CF9; }


/* =====LOADING==== */
#loading {
  position: fixed; bottom: 5em; right: 5px;
  margin: 0; padding: 0.5em; background:transparent url(/images/lightwindow/black-70.png) repeat scroll 0%;
  color: #FFF; z-index: 6000;
}


/* =====SEARCH===== */
  
  #search .query {
    background-color: #EEE; padding: 2em; text-align:center;
  }
    #search .query #advanced { width: auto; }
  
  #search .search_info {
    border: 0.5em solid #EEE;
    padding: 1em; font-size: 90%; background-color: #DDD;
  }
    #search .search_info h2, #search .search_info p, #search .results p, #search .results h2 {
      padding: 0; margin: 0
    }
    #search .search_info h2, #search .results h2  { padding-top: 0.6em;}
    #search .search_info p, #search .results p    { padding-top: 0.3em; padding-left: 0.3em;}
    #search .search_info ul { margin: 0; padding: 0; padding-top: 0.2em;}
      #search .search_info li { margin-left: 1em; padding-top: 1px;}
    
    #search .results { margin: 0.5em; }
    
    #search .result {
      margin: 0.5em 1em 0 0.5em; padding: 0.5em; clear: both;
      border: 1px dashed #CCC;
    }
      #search .result:hover { background-color: #F9F9F9;}
    #search .result .result_image { float: left; margin: 0.5em; }
      #search .result .result_image a { text-decoration: none; }
    
    #search .result.category .result_image { float: right; }
    #search .result.category .result_info { margin-left: 0px; }

    #search .result.page .result_image { float: right; width: 66%; font-size: 80%;}
    #search .result.page .result_info { margin-left: 0px; }

    #search .result.news_item .result_image { float: right; width: 66%; font-size: 80%;}
    #search .result.news_item .result_info { margin-left: 0px; }
    
    #search .result .result_info { margin-left: 65px; }
      #search .result .result_info h3 { margin: 0.5em; padding: 0; }
      #search .result .result_info p { 
        font-size: 0.8em; margin: 0.5em 0.5em 0.75em;
      }


/* =====ENQUIRY===== */
div.enquiry h2 { padding-top: 0.5em; }

div.enquiry.unavailable { background-color: #EEE; padding:1em; margin: 1em; border: #900 1px solid;}
div.enquiry.unavailable h3 { line-height: 130%; }
div.enquiry.unavailable h3, div.enquiry.unavailable p { line-height: 120%; color: #900; }

div.enquiry p { padding: 0.3em 0 0.3em 0; color: #666; }
  div.enquiry p em { font-style: normal; color: #000; }

div.enquiry .price strong { font-style: normal; font-weight: bold; color: #000; }
  div.enquiry .price.total {
    font-size: 1em!important;
  } 
div.enquiry div.enquiry_item, div.enquiry div.enquiry_contact {
  margin: 0.5em; padding: 0.5em;
  border: 0.15em dashed #999;
  clear: both; min-height: 5em;
}
  div.enquiry div.enquiry_item .variation { float: right; padding: 0.2em; margin-left: 0.5em; }

  div.enquiry div.enquiry_price {
    margin: 0.5em; padding: 0.5em; 
    border: 0.15em dashed #000; clear: both;
  }
  
  div.enquiry div.enquiry_contact div.address { margin-left: 2em; color: #222!important; }
  
  div.enquiries div.pagination { margin: 0.25em; padding: 1px; clear: both; }


/* =====ADDRESSES===== */
div.addresses div.address { border: 1px dashed #AAA; padding: 1em; margin: 1em; }
  div.addresses div.address.main { background-color: #EEE; }


/* =====USERS===== */
div.users { margin: 0.5em; }
  div.users div.user { padding: 0.15em; margin: 0 0 0 0.5em; }

  div.users div.pagination { padding: 1px; clear: both; }


/* =====SCMS===== */
#content div div.scm, #content div span.scm { float: none!important; }

div.teaser div.scm, div.teaser span.scm { display: inline!important; }

div.scm p { font-size: 0.75em; }
  div.scm p img { margin: 0 0 0.15em; }

div.preview { z-index: 30; }

div.scm { z-index: 25; }

div.scm .upsell {
  margin-left:0;
  border: 5px solid #E2EDEA;
  -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em;
  vertical-align: middle;
  margin-bottom: 1em;
}

div.scm .upsell * { vertical-align: middle;}

div.scm h3 { font-size: 1.25em!important; padding-top: 0.5em; line-height: 115%; }
div.scm hr { border: 0; border-top: 1px #E2EDEA solid;}

/* =====OTHER===== */
#content div.general_info { /* These hold the initial SEO text */
   float: left; 
   width: 23em; 
   margin: 0 0.5em 0 0; /* So full width is 23.5em */
}
  #content div.general_info p { margin-bottom: 0.5em; }

p.small { font-size: 0.9em; }
p.trust { text-align: right; margin: 0.5em 5px; }
  #cart p.trust { text-align: center; }
    #cart p.trust img { margin-bottom: 0.25em; }
  #content p.trust { float: right; }

.important { color: #8A090C; font-weight: bold; }
.info { font-size: 0.9em; font-weight: bold; color: #0D6064; }
.note { color: #417F31; }
.usualprice { color: #8A090C; /* DD doesn't use the strike element */ }

div.help_holder { /* will hold decorating options */
  display: block; clear: both; 
  margin-bottom: 1.5em;
  }
div.decorating_options { /* For images, links, etc. in help sections */
  width: 236px; float: left; margin: 0 1em 1.5em;
}
  div.decorating_options img {
    display: block; margin: 0 auto 0.5em;
  }
  div.decorating_options a, div.decorating_options strong, div.decorating_options p { 
    display: block; text-align: center; font-size: 0.8em;
  }
    div.decorating_options strong a { font-size: 1em; }


div.faq p, div.faq ul, div.faq ol, div.faq li { /* Text moves past margins of div.answer */
  margin-left: 18.5em;
}
  
  div.answer { 
    width: 10em; margin: 0.25em 1em 1em; padding: 0.25em 1em 1em; 
    float: left; font-size: 1em; 
  }

/* ADMIN NOTES - shown in non admin mode */

div#admin_buttons {
  padding: 5px; margin:0px;
  position: absolute; left:0px; top:230px;
}

div#admin_buttons div {
  padding: 5px;
}

div#product_notes {
  background-color: #FFC;
  color: #330;
  padding: 5px;
  margin: 0px 15px 5px 15px;
  font-size: 0.8em;
}

div#product_notes p {
  line-height: 110%; margin: 0 0 2px 0;
}

/* ADDRESS CHOOSER on submit enquiry page */

div.other_addresses {
  margin-bottom: 1.5em;
}

div.other_addresses p {
  line-height: 110%;
}

div.other_addresses p.address a {
  margin-left: 2em;
  padding: 0.25em;
  background-color: #E3EDE9;
  color: #333;
  font-style: bold;
  text-decoration: none;
}

/* COMPOSITE */

div.composite_product {
  float:left;
  width: 44em;
}

div.composite_product div.price {
  color: #166064;
  font-size: 200%!important;
	margin-bottom: 0.5em;
}

div.chosen_options h2 {
  color: #166064;
  font-size: 120%!important;
}

div.chosen_options span.step {
  float:right;
}

div.current_option>h2 {
  color: #166064;
  font-size: 150%!important;
  padding-bottom: 0.25em;
}

div.current_option span.next_step {
  font-size: 150%;
}

div.composite_product span.small { font-weight: normal; font-size: 85%;}

div.composite_product div.chosen_options {
  margin-top: 1em;
  padding: 0.5em;
  background-color: #ECF3F0;
  -moz-border-radius: 0.7em; 
  -webkit-border-radius:  0.7em;
}

div.composite_product div.chosen_options div.selection {
  float: left; 
  width: 8.75em;                       
  margin: 0.25em;  
  padding-top: 0.5em; 
  height: 9.5em;
  border: 1px solid #BFBFBF;          
  -moz-border-radius: 0.7em; 
  -webkit-border-radius:  0.7em;
  text-align: center;
  font-size: 90%;
  line-height: 110%;
  background-color: #FFF;
}

div.composite_product div.chosen_options div.selection.invalid {
  background-color: #FCC;
}

div.composite_product div.chosen_options div.selection img {
  padding:5px;
}

div.composite_product div.chosen_options div.selection a {
  color: #166064;
}

div.composite_product div.chosen_options div.selection a.size {
  text-decoration: none;
}

div.composite_product div.chosen_options div.running_total {
  clear: left;
  width: 100%;
  text-align: right;
  color: #166064;
  font-size: 120%;
}

div.composite_product div.current_option {
  padding-top: 1em;
  clear:left;
}

div.composite_product div.current_option div.choice {
  float: left; 
  width: 13.75em;        
  height: 20.5em;               
  margin: 0.25em;  
  padding: 0.5em 0 0 0; 
  border: 1px solid #BFBFBF;          
  -moz-border-radius: 0.7em; 
  -webkit-border-radius:  0.7em;
  text-align: center;
  font-size: 100%;
  line-height: 100%;
}

div.composite_product div.current_option div.choice p.info {
  line-height: 120%;
  height: 2.5em;
  padding:0;
  margin:0 5px 0 5px;
}

div.composite_product div.current_option div.choice>form {
  text-align: center;
}

div.composite_product div.current_option>form {
  margin-left: 1em;
}

div.composite_product div.current_option>form.cart {
	font-size: 125%!important;
}

div.composite_product div.current_option>form div.field {
  margin-right: 1em;
  display: inline;
}

div.composite_product div.current_option>form div.field input {
  margin-left:0.5em;
}

/* Customer hints */

div.hint {
	margin: 1em;
  padding: 0.5em;
  background-color: #ECF3F0;
  -moz-border-radius: 0.7em; 
  -webkit-border-radius:  0.7em;
	color: #166064;
	font-size: 1.0em;
}

div.hint p { padding: 0.25em; margin: 0;}

div.hint .teaser { font-size: 1.2em; font-weight: bold; }

/* Composite image disclaimer */

div.image-disclaimer { font-size: 0.70em; line-height: 110%; margin-top: 0.5em; padding:0;}

/* Loading Composed Images */

div.loading.tiny { background-image: url(/images/image_loading_tiny.gif); background-repeat: no-repeat; background-position: center center; height: 55px; width: 50px;}	
div.loading.medium { background-image: url(/images/image_loading_medium.gif); background-repeat: no-repeat; background-position: center center; height: 169px; width: 157px; }	
div.loading.large { background-image: url(/images/image_loading_large.gif); background-repeat: no-repeat; background-position: center center; height: 400px; }	
div.loading.huge { background-image: url(/images/image_loading_huge.gif); background-repeat: no-repeat; background-position: center center; height: 735px; }	

/* News */

div.news .more { line-height: 100%; text-align: right; font-style: italic;}
div.news h5 .more { font-style: italic; font-weight: normal; font-size: 85%; }
div.news .news-link { margin: 0.5em;}
div.news .news-link a {
	padding: 0.3em 0.5em 0.3em 0.5em;
	background-color: #ECF3F0;
	color: #166064;
  text-decoration: none;
	-moz-border-radius: 0.25em; 
  -webkit-border-radius:  0.25em;
}
div.news .news-link a:hover { background-color: #166064; color: #ECF3F0!important; }


/* News - sidebar */
div#cart div.news { border-top: 1px solid #66B64E; }
div#cart div.news div.news_item { border-bottom: 1px solid #DBE8E4; }
div#cart div.news div.news_item .date { color: #C4CCC9; font-size:75%;}
div#cart div.news h3 { font-size: 120%;}

/* News main pages */
div#content div.news div.news_item { padding: 1em; border-bottom: 1px solid #DBE8E4; }
div#content div.news .date { color: #C4CCC9; font-size:75%;}
div#content div.news div.news_item:hover { background-color: #ECF3F0;}
div#content div.news .news-link a { border: 2px solid #ECF3F0; }
div#content div.news div.news_item:hover .news-link a { border: 2px solid #166064; }
div#content div.news h3 { font-size: 130%;}
div#content div.news h2 { font-size: 130%;}

/* selected variations items via anchor tag */

tr.selected_anchor td { background-color: #D4DACF; }