/*	-----------------------------------
	CARAMEL LINK
	Styling for the link back to the 
	caramel site.
	----------------------------------- */
p.caramelLink a {font-weight:bold; text-decoration:none;}
p.caramelLink a:link {color:#0099FF;}
p.caramelLink a:visited {color:#0099FF;}
p.caramelLink a:hover {color:#DF0083;}

/*	-----------------------------------
	BODY TAG
	General styles for the body, but also
	type families and colours.
	----------------------------------- */
body {
	background-position: left top;
	background-repeat:no-repeat;
	margin:50px 0 50px 0;
	_margin-top:20px;
	padding:0;
	font-family:Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	color:#ffffff;
	/*aligns the content on the page in IE5 */
	text-align:center;
}

/*	-----------------------------------
	TEXT SETTINGS
	----------------------------------- */
h3, 
h4,  
p {
	margin:20px;
	margin-bottom:1em;
	margin-top:0;
	font-weight:normal;
}
h1, 
h2 {
	font-family:Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	margin:0;
	padding:0;
	padding-top:0.5em;
	padding-left:20px;
	padding-bottom:0.5em;
	font-size:1.8em;
	display:block;
	clear:both;
}

button {
	border:2px solid #514D44;
	background-image:url(../ui/bkg_button_gold.jpg);
	background-repeat:repeat-x;
	background-color:#EFBC4B;
	height:32px;
	padding:auto 0.5em!important;
}

/*	-----------------------------------
	ANCHORS
	----------------------------------- */
a {
	text-decoration:none;
}
a:link {color:#C6660F;}
a:visited {color:#999999}
a:hover {
	color:#ffffff;
	}

a, a img{border:0}

/* Links with icons attached */

a.pointer {
	padding-left: 20px;
	background-position:left;
	background-image:url(../ui/anchor_pointer.gif);
	background-repeat:no-repeat;
}	

/*	-----------------------------------
	LIGHT AND DARK HEADINGS
	----------------------------------- */

h2.dark,
h2.light,
h2 {
	font-weight:normal;
	font-size:2em;
	padding:0.4em;
	padding-left:20px;
	margin:0;
	background-repeat:repeat-x;
	line-height:1em;
}
h2.light,
h2.dark {
	background-image:url(../../images/gold_bar.gif);
	background-repeat:repeat-x;
}
h2 {
	margin-top:0em;
}
h3 {
	font-size:1.2em; 
	font-weight:bold;
	margin:0.5em 1em 0.5em 20px ;
	clear:left;
}
h4 {
	font-size:1em;
	font-weight:bold;	
}

/*	-----------------------------------
	CONTAINER (MAIN WRAPPER)
	----------------------------------- */
#container {
	position:relative;
	background-color: #000000;
	width: 90%;
	margin: 0 auto 0 auto;
	border: 8px solid #444444;
	/* Over rides the align settings for IE 5 */
	text-align:left;
	/* resets the width for non IE 5 browsers */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width:690px;*/
}

#cartContainer {
	margin:-2.5em 5% 0 0;
	_margin:-0.5em 2.5% 0 0;
	_padding-top:0.5em;
	padding-left:0;
	float:right;
	width:40em;
}

#cartContainer .cartNotify {
	float:right;
	margin:0;
	padding:0.5em 32px 0 0;
	background-image:url(../ui/icon_cartNotify_ok.gif);
	background-repeat:no-repeat;
	background-position:center right;
	
}
#basket {
	color:#000000;
	padding:0.6em 0.8em 0.6em 1.6em;
	margin:0 0 1px 0;
	float:right;
	background-image:url(../ui/bkg_cart_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#basket a {
	color:#000000 !important;
	text-decoration:none !important;
}
#basket a#cartLink {
	padding:0.6em 0.8em 0.6em 42px;
	text-decoration:none !important;
	/* Background icon */
	background-image:url(../ui/widget_basket_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
/* THE PANEL WITH TABLE */
#cartPanel {
	display:none;
	/* Position */
	position:absolute;
	right:5%;
	top:4.6em;
	z-index:4;
	/* Style */
	background-color:#ffffff;
	color:#000000;
	padding:0.8em;
	width:25em;
	border:1px solid #999999;
	border-bottom-width:0;
	border-bottom-width:3px;
}

#cartPanel a:hover {
	color:#FF9C48;
}
#cartPanel table {
	width:100%;
	margin-bottom:0.5em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	font-size:0.9em;
}
#cartPanel table thead th {
	font-weight:bold;
	border-bottom:2px solid #cccccc;
}
#cartPanel table tbody th {
	text-align:right;
	font-size:1.4em;
	padding:0.1em 0.1em 0 0;
}
#cartPanel table td {
	border-bottom:1px solid #cccccc;
}
#cartPanel table th,
#cartPanel table td {
	padding:0.4em 0;
}

#cartPanel tbody th {
	padding-right:1em;
}
#cartPanel table .total {
	text-align:right;
	padding-right:3px;
}
#cartPanel table .quantity {
	text-align:center;
	padding-right:3px;
}
#cartPanel #finalTotal {
	padding-top:0.7em;
	border-bottom:0;
}
#cartPanel #finalTotal,
#cartPanel table tfoot th,
#cartPanel table tfoot td {
	background-color:#eeeeee;
	text-align:right;
}
#cartPanel table tfoot td{
	padding-right:1em;
}
#cartPanel table tfoot td.price {
	padding-right:0.4em;
}
#cartPanel #checkoutLink,
#cartPanel #editOrderLink {
	float:right;
	display:block;
	/* Style */
	text-decoration:none !important;
	color:#222222!important;
	font-size:1em;
	border:1px solid #222222;
	background-color:#E0BC6E;
	background-image:url(../images/bkg_button.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding:0.2em 0.5em;
	margin-right:0;
}
#cartPanel #editOrderLink {float:left;}
/* Remove link */
#cartPanel .remove {
	float:left;
	width:16px;
	height:16px;
	height/**/:0;
	padding-top:16px;
	overflow:hidden;
	background-image:url(../ui/widget_remove.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:6px;
}
#cartPanel .note {
	font-size:0.9em;
	margin:0;
	float:left;
}
#cartPanel p span {
	font-size:0.8em;
}

/*	-----------------------------------
	HEADER LOGO
	----------------------------------- */
#header {
	background-image:url(../ui/logo_small.gif);
	background-repeat:no-repeat;
	background-color:transparent !important;
	padding:70px 0 0 0;
	margin:4px 0 0 10px;
	width:200px;
	position:absolute;
	top:0;
	left:0;
	/* Hide the Text */
	overflow:hidden;
	/* Set the height for IE 5 */
	height:70px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/* Reset the height */
	height:0;
}



/*	-----------------------------------
	PAGE TITLE
	----------------------------------- */
.pageTitle {
	text-align:right;
	padding-right:20px;
	margin-top:0;
	margin-bottom:0;
	background-image:url(../images/gold_bar.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

/*	-----------------------------------
	FOOTER
	----------------------------------- */
#footer {
	width:100%;
	border-top:1px solid #444444; 
	border-bottom:2px solid #444444; 
	clear:both;
	padding-top:1.5em; 
	margin-bottom:1.5em;
}

/*	-----------------------------------
	COLUMNS
	----------------------------------- */
.colParent {
	float:left;
	margin:0 0 1.5em 0;
}
html>body .colParent {margin-bottom:1.5em;}
.colWide, 
.colNarrow, 
.colFull {
	float:left; 
	padding-bottom:1.5em;
	display:inline; /* hack to stop ie5 margin doubling */
}
.colFull {
	width:100%;

}
.colWide {
	width:65%;
	border-right:1px solid #444444;
	border-bottom:1px solid #444444;
}
.colNarrow {width: 32%;}
.colSplit {
	background-position: 65% 0;
	background-image:url(../images/bkg_colsplit.gif);
	background-repeat:repeat-y;
	margin-top:1.5em;
}
.colHalf {
	border: 0;
	width:50%;
	_width:48%;
	float:left;
}
.colQuarter {
	width:24.5%;
	float:left;
}
/* Just clear content inside columns */
.colHalf img{
	float:left;
}

/*	-----------------------------------
	SIDE NAV headings, boxes etc
	----------------------------------- */
.colNarrow h2 {
	font-size:1.2em;
	margin-bottom:0.2em;
}

/*	-----------------------------------
	CONTENT BOXES for the main column
	----------------------------------- */

.colourBox {
	margin:0;
	margin-bottom:1em;
	padding:0;
	float: left;
	width: 100%;
	background-repeat:repeat-x;
	background-position:bottom;
}

.colourBox .colWide,
.colourBox .colNarrow {
	border:0;
	margin-bottom:0;
	padding-bottom:8px;
}

.colourBox .categories {
	margin:1em 1em 0 1em!important;
	width:90%;
}

.colourBox img {
	float:left;
	margin-right:20px;
}

.colourBox .colHalf h2{
	text-align:left !important;
	margin:1em 0 0 0;
}

.articleInlineImg img{
	float:left;
	margin-right:20px;
}

/*	-----------------------------------
	COLOURED FEATURE BOXES
	-----------------------------------
	 class child boxes with .adaptive to alter their background inside colour boxes */

.red {
	background-color:#52332A;
}
.red .adaptive {
	background-color:#472E26;
}

.blue {
	background-color:#2C1F3F;
}
.blue .adaptive {
	background-color:#271C37;
}

.green {
	background-color:#26372A;
	background-image:url(../ui/bkg_title_green.jpg);
}
.green .adaptive {
	background-color:#223025;
}

/*	-----------------------------------
	BROWSE HELPER
	A widdle box with forms in it!
	----------------------------------- */
.helper {
	margin: 0;
	background-image:url(../ui/bkg_gradient_grey.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom: 1em;
}

.helper p{
	margin-left:1em;
	padding-left: 0;
}


/*	-----------------------------------
	PRODUCT GRID
	fix up those headings.
	----------------------------------- */
.productGrid {
	width: 100%;
	border: 0;
	border-top:1px solid #444444;
	padding: 1em 0 1em 0;
	float:left;
}
.groupTitle {
	width:auto;
	float:left;
	margin-bottom:0.4em;
	display:inline;
}
.footNote {
	margin-top:1.2em;
	float:right;
	margin-right:20px;
}


.resultGroup {
	width: 100%;
	border: 0;
	border-top:1px solid #444444;
	padding: 1em 0 1em 0;
}
/*	-----------------------------------
	.colNarrow - CHILDREN CONTENT BOXES
	----------------------------------- */
/*Category Browse Boxen*/
.categories, 
.rooms, 
.colNarrow #search {
	margin:0 0 0.8em 0 !important;
	padding:0.8em 5%;
	float:left;
	width:80%;
}

.colNarrow h2 {
	width:90%;
	padding-left:0; 
	margin-left:10%;
	margin-right:0;
	padding-right:0;
}

.colNarrow #search h2 {
	margin-left:0;
}

.colNarrow #search input {
	width:55%;
	margin:0 1em 0 0;
	float:left;
	padding:0.25em 0.25em 0.25em 0;
	line-height:1em;
}

.colNarrow #search button {
	margin-top:8px;
	padding:0.15em;
	line-height:1em;
}

.categories *, 
.rooms *, 
#search fieldset {
	margin:0;
	padding: 0;
	float:none;
}
.categories h2 a, 
.rooms h2 a {
	color: #CD9529;
	font-weight:normal;
	font-size:1.4em;
	line-height:normal;
}
.categories ul, 
.rooms ul {
	list-style:none;
	margin-bottom:1.5em;
}
.categories li, 
.rooms li {
	display:inline;
}

.categories a, .rooms a {
	color: #FFFFFF;
	text-decoration:none;
}

.categories a:hover, .rooms  a:hover {
	color: #FEC24F;
	text-decoration:underline;
}

#search label {
	margin-left:0;
	clear:both;
}


/*	-----------------------------------
	CRUMBS!
	----------------------------------- */
	
.categoryCrumbs {
	clear:both;
	list-style:none;
	margin:0;
	padding:0.5em;
	
	border: 0;
	border-bottom:1px solid #444444;
}
.categoryCrumbs li {
	padding:0;
	margin:0;
	display:inline;
}
.categoryCrumbs li a{
	text-decoration:none;
}
/*	-----------------------------------
	PRODUCT THUMBNAILS
	----------------------------------- */

/* .thumnail is a product thumbnail anchor */
.thumbNail,
.thumbNailShort,
.thumbNailLarge {
	text-decoration:none;
	float:left;
	width:180px;
	display:block;
	margin: 0 0 1em 0.5em;
	padding: 0.5em;
	font-size: 0.85em;
	overflow:hidden;
}

.thumbNail,
.thumbNailLarge {
	position:relative;
	width:70px;
	padding-left: 110px;
}

.thumbNail img {
	background-image:url(../ui/bkg_logoPlaceholder.gif);
	background-repeat:no-repeat;
	background-position:center;
}

a.feature {
	background-image:url(../ui/ico_feature.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/* Adjust sizes for the different thumb heights */
.categoryThumbnail {
	margin:8px;
}

.thumbNail {
	height: 8.5em;
}

.thumbNailShort {
	height: 4em;
}

.thumbNailLarge {
	/*width:230px !important;*/
	height: 8.5em;
}

.thumbNail:hover,
.thumbNailLarge:hover {
	background-color:#313131;
}

.thumbNail .imageWrapper,
.thumbNailLarge .imageWrapper {
	height:8em !important;
	overflow:hidden;
	clear:none !important;
	margin-right:1em;
	width:90px;
}

/* Bo! Bo! Bo! Bo! Bo! Bo! Bo! Bo! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! 
Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw! Blaw!  */
.thumbNail img,
.thumbNail h3,
.thumbNail h4,
.thumbNail p,
.thumbNailShort img,
.thumbNailShort h3,
.thumbNailShort h4,
.thumbNailShort p,
.thumbNailLarge img,
.thumbNailLarge h3,
.thumbNailLarge h4,
.thumbNailLarge p{
	margin:0;
	padding: 0;
	text-decoration:none;
	clear:none !important;
}

.thumbNailShort img {
float:left;
}

.thumbNail img,
.thumbNailShort img {
	margin-right:1em;
	overflow:hidden;
}

.thumbNail img,
.thumbNailLarge img{
	position:absolute;
	left:4px;
	top:4px;
}
/*	-----------------------------------
	PRODUCT PROFILES
	----------------------------------- */
	
.productSummary {
	padding: 1.5em;
}
.productSummary * {
	padding: 0;
	margin: 0;
}
.productSummary .imageView {
	float:left;
	width:220px;
	overflow:hidden;
	text-align:center;
}

.productSummary .imageView .imageBrowser {
	margin:0.5em 0;
	padding:12px 17px 12px 12px;
	border-botttom:1px solid #333333;
	text-align:right;
}

.imageBrowser img {
	margin:3px;
}

.imageBrowser a:hover img {
	margin:0;
	border:3px solid #333333;
}

.imageBrowser img.selected {
	margin:0;
	border:3px solid #FEC24F;
}

.imageBrowser a:hover img.selected {
	margin:0;
	border:3px solid #FEC24F;
}

.productSummary .productDetails {
	border-left:1px solid #333333;
	padding-left:20px;
	width:50%;
	_width:auto;
	float:left;
}
.productSummary h1,
.productSummary h2,
.productSummary h3,
.productSummary h4,
.productSummary p {
	clear:both !important;
	/*float:left;
	clear:right !important;
	width:55% !important;*/
}
.productSummary h1 {
	font-size:1.2em;
}
.productSummary h2 {
	margin-bottom:0.5em;
}

.productSummary h2 {
	margin-bottom:0.5em;
}

.productSummary h4 {
	margin-top:0.5em;
}
.productSummary .imageTools {
	background-color: #B47A31;
	color:#000000;
	padding: 0.5em;
}

.imageFrame {
	text-align:center;
}

.imageTools h3,
ul.imageViewer{
	display:inline;
	list-style:none;
}
.imageViewer,
.imageViewer img {
	float: left;
}
.imageViewer li{
	display:inline;
}

.imageViewer li a{
	font-size:1.4em;
	color: #000000;
	text-decoration:none;
}

/*
.productSummary h1{
	font-size:2em;
	line-height:1.2em;
	padding: 0 0 0.5em 0;
}

.productSummary h2{
	font-size:1.4em;
	padding: 0 0 0.5em 0;
}

.productSummary h3{
	clear:none !important;
}*/

.price{
	font-size:1.4em;
	font-weight: normal;
	padding: 0 0 0.5em 0;
	color:#999966;
}

h3.price{
	font-size:2em;
	float:left;
}

span.price{
	font-size:1.4em;
	font-weight: normal;
	padding: 0 0 0.5em 0;
	color:#999966;
	display:block;
	float:left;
}

.productDescription {
	float:left;
	width:100%;
	border: 0;
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
	margin: 1em 0 0 0;
	padding: 1em 0 1em 0;
}

/*	-----------------------------------
	PRODUCTS
	----------------------------------- */
	
.products img {
	margin: 0 0 1.5em 0;
}
.products .blurb {
	font-size:1.8em;
	line-height:1.2em;
	height:100px;
	margin:30px 20px 0 20px !important;
}

/*	-----------------------------------
	ENQUIRY FORM
	----------------------------------- */

.enquiry {
	float:left;
	width:100%;
	border: 0;
	border-bottom:1px solid #444444;
	margin: 1em 0 0 0;
	padding: 1em 0 1em 0;
}

.enquiry h3 {
	margin: 0.5em 0 0 0;
}

.enquiry label {
	padding: 1em 1em 1em 20px;
	text-align:right;
}

.enquiry input {
	margin-right: 1em;
	padding-left: 0.25em;
}

/*	-----------------------------------
	PURCHASE FORM
	----------------------------------- */

div.buyNow {
	float:left;
	width:100%;
	border: 0;
	border-bottom:1px solid #444444;
	margin: 1em 0 0 0;
	padding: 1em 0 1em 0;
}

div.buyNow h3 {
	margin-bottom: 0;
}

div.buyNow label {
	padding: 1em 1em 1em 20px;
}

div.buyNow input {
	margin-right: 1em;
	padding-left: 0.25em;
}

form.buyNow {
	float:right;
	clear:right;
}

form.buyNow button {
	width:5em;
}

button#printLink{
	float:right;
	margin:1em;
	clear:left!important;
	width:5em;
}

/*	-----------------------------------
	MAP TO THE STORE
	----------------------------------- */
#map {
	margin:0 0 1.5em 20px;
}

/*	-----------------------------------
	CONTACT PAGE
	----------------------------------- */
#store {
	margin:0 0 1.5em 20px;
}
#contact .sub {
	width:172px;
	float:left;
}

/*	-----------------------------------
	IMAGE TYPES
	----------------------------------- */
.banner {
	margin:0 0 1em 0;
}

.imageFeature {
	float: left;
	overflow: hidden;
	width: 100%;
	height: 280px;
}

.MediumBanner{
	height: 100px
}
/*	-----------------------------------
	FORMS STYLING AND GENERAL LAYOUT 
	comments:Reusable form styles. This can go anywhere a form is displayed.
----------------------------------- */
p.error {
	background-color: #CC3333;
	padding: 0.5em;
}

.surveyQuestion {
	clear:both;
	margin-left:20px;
	margin-bottom:1.5em;
}

.surveyQuestion label {
	width:50% !important;
	text-align:left;
	float:left;
	padding-right:20px;
}

.surveyQuestion textarea {
	width:40%;
	height:8em;
}

.surveyQuestion select {
	width:30%;
}

.surveyQuestion input{
	width:40%;
}

#survey .buttonBar {
	text-align:right;
	padding:0.5em;
	margin: 0 20px 20px 20px;
	background-color:#444439;
}
#survey .buttonBar p {
	float:left;
}


/*	----------------------------------------
	INPUT STYLES
	----------------------------------------*/
	
.short {
	width: 3em;
}

a.toggleControl {
	margin-bottom:0.5em;
}

form.enquiry {
	width: 100%;
	border: 0;
	border-top:1px solid #444444;
	/*padding: 1em 0 1em 0;*/
	padding:0;
	float:left;
}

fieldset.toggle {
	display:none;
	float:left;
	margin-top:8px;
	clear:both;
}

fieldset.toggle p {
	padding: 0.5em 0 0 1em !important;
}

fieldset.toggle label {
	float:left;
	width:45%;
	line-height:1.1em;
}
fieldset.toggle textarea,
fieldset.toggle input {
	font-family:Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	width:50%;
}

fieldset.toggle input {
	margin-bottom:1em;
}

fieldset.toggle textarea {
	height:4em;
}

fieldset.toggle .buttonBar {
	width:100%;
	float:left;
	text-align:right;
	padding:0.5em;
	margin: 1em 0 0 0;
	background-color:#444439;
}
fieldset.toggle .buttonBar p {
	float:left;
}

#mailingList input{
	margin-left:20px;
}


#mailingList select {
	height:1.8em;
	margin-top:0;
}

/* CARAMEL CREDITO! */
#caramel {
	clear:both;
	min-height:2em;
	margin:0;
	padding:0 0 0.5em 0;
	width:100%;
}
#caramel p{
	color: #666666;
	text-align:right;
	float:right;
	font-size: 0.8em;
	margin:0 1em;
	padding:0;
}
#caramel a{
	color: #CCCCCC;
}
#caramel a:hover{
	color: #006BE4;
}

#caramel p.wohlersPrintLink {
	color: #666666;
	float:left;
	text-align:left;
}

#caramel p.wohlersPrintLink a {color: #666666;}
#caramel p.wohlersPrintLink a:hover {color: #FFFFFF;}

/*-================================================-

	Screen and Print differentiation
	
  -================================================- */

/* High res image swaps: */

@media screen {

	#printLogo {display:none;} /* Hide the high-res logo from screen */
	
	.printPhone {display:none;}

}
@media print {
	body {
		margin:0 0 0 0;
		padding:0;
	}
	#container {
		border:0;
		margin:0;
		padding:0;
		width:18cm;
	}
	.imageView {
		border-right:1px solid #DDDDDD;
		width:7cm!important;
		overflow:visible!important;
	}
	.imageView img {
		margin:0!important;
		width:6.5cm;
		clear:right;
	}
	.imageView .imageBrowserLink img{
		width:3.5cm;
		margin-bottom:1em!important;
	}
	.productDetails {
		font-size:1.1em;
		border-left:0 !important;
	}
	.productDetails h2,
	.productDetails h3,
	.productDetails h4,
	.productDetails  p {
		color:#000000 !important;
	}
	.productDetails .price {
		color:#999966 !important;
	}
	#printLogo {
		margin:0;
		display:block;
		text-align:center;
	}
	#printLogo img{
		width:170px;
		height:80px;
		margin:0;
		clear:both;
	}
	#header,
	#nav,
	#cartContainer,
	#caramel,
	.pageTitle,
	.buyNow,
	#printLink {display:none!important;}
	
	.printPhone {
		display:block;
		font-size:1.2em;
		margin-top:1em;
	}
	.printPhone h3 {
		font-weight:normal;
		line-height:1.4em;
	}
	.printPhone h3 span{
		color:#999966;
	}
	
	.productGrid,
	#footer {
		border-color:#CCCCCC;
	}
	
}