/* CSS Document */

/* ------------------------------------------------------------
Site: Nicola Cerini

------------------------------------------------------------ */
    
html {
	max-width: 1600px;
	min-width: 800px; 
	font-size: 100%; } 
	
div, span { 
	margin: 0; 
	padding: 0; }
	
body {
	margin: 0; 
	padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px;
	color: #9F947E; 
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit; } 
	html>body {  
	font-size: small; }
	
/* ------------------------------------------------------------
	Link behaviour
------------------------------------------------------------ */
a:link, a:visited, a:active {
  color: #e85420;
  text-decoration: none; }
  
a:hover {
	color: #e85420; /* dark blue */
	background: #e7f1fc; }  /* pale blue */	

/* ------------------------------------------------------------
	Basic HTML elements
------------------------------------------------------------ */


h1 {
	font-size: 2.2em;
	line-height:2.3em;
	color: #4b4b4b; 
	font-weight: bold; 
	}
	
h2, #content h2.articleTitle, td h2 {
	font-family: Futura,Arial, Helvetica, sans-serif;
	text-transform: uppercase;  
	font-size: 1.5em; 
	color: #e85420; 
	font-weight: bold; 
	margin: 26px 0 3px 0; /* check the margins for all headings styles */
	} 
	


h3 {
	font-family: Futura,Arial, Helvetica, sans-serif;
text-transform: uppercase;  
	font-size: 14px;
	font-size: 14px;
	color: #9a8479;
	margin: 0; 
	padding: 0;
	padding-top: 24px;

	font-weight: bold; }
	
h4 {
	font-size: 1.0em;
	line-height: 1.2em; 
	color: #4b4b4b; 
	font-weight: normal; 
	text-transform: none;  
	margin: 6px 0 0 0; 
	padding: 0; }
	
td {
	color: #9F947E; 

}

/* ------------------------------------------------------------
	Basic page structure
------------------------------------------------------------ */
#container {
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	position: relative;

}
	
#content {
	width: 800px; 
	font-size: .93em;

	 }

#content_home{
	width: 800px; 
	font-size: 0.93em;
	background-color: #000;

	 }




#sidecol {
	float: left;
	width: 200px;
	min-height: 500px; 
	font-size: 1em; }
	html>body #sidecol {
	font-size: 100%; }

#maincol {
	float: left;
	width: 800px;
	padding-bottom: 20px;
	}

.leftCol {
	float: left;
	width: 330px; }
	
.rightCol {
	float: right;
	width: 420px; }
	



/* ------------------------------------------------------------
	Header	
------------------------------------------------------------ */
#header {
	padding: 0;
	margin: 0;
	width: 800px;
	height: 75px;
	background-color: #ffda89;	}  
	
	#logo {
	float: left;
	}


#header h1 {
	display:none; }
	
	
	#flash_banner {
	width: 800px;
	height: 375px;
	}
/* ------------------------------------------------------------
	Footer elements
------------------------------------------------------------ */
#footer {
margin-top: 30px;
	clear: both;
	height: 37px;
	font-size: 0.84em;
	color: #777;
	background-color: #FFDA89; }
	
#footer-left {
	float: left; 
	 }
	
#footer-right {
	float: right;
	text-align: right; }
	
.disclaimer {
	font-size: 0.95em;
	color: #CCCCCC; 
	line-height: 1.2em;}
#footer #footer-left form  {
	border: 0px;
	}

/* ------------------------------------------------------------
	Horizontal navigation	
------------------------------------------------------------ */

#hoznav {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#e85420;
	
}

#hoznav ul {
	margin:0;
	padding:0; /* add left paddng */
	list-style: none; }
	
#hoznav li {
	display:inline;
	margin:0;
	padding:0;
	list-style: none;

	}

#hoznav a {
font-size: 13px;
line-height: 13px;
	float:left;
	display:block;
	margin:0;
	padding: 8px 10px;
	text-decoration:none;
	color: #FFFFFF;
	font-family: Futura,Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
		border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFDA89;
	border-right-color: #FFDA89;
	border-bottom-color: #FFDA89;
	border-left-color: #FFDA89;
}
	html>body #hoznav a {
	padding: 8px 14px; }

#hoznav a:hover {
	background-color: #9a8479;
	 }

#hoznav li.firstitem a {
	margin-left: 0px; }
	
#hoznav li a.active {
	background-position:0% -42px; }
	
/* ------------------------------------------------------------
	Horizontal Sub  navigation	
------------------------------------------------------------ */

#hoznav_sub {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#999999;
	color: #e85420;	
}

#hoznav_sub ul {
	margin:0;
	padding:0; /* add left paddng */
	list-style: none; }
	
#hoznav_sub li {
	display:inline;
	margin:0;
	padding:0;
	list-style: none;

	}

#hoznav_sub a {
font-size: 10px;
line-height: 11px;
	float:left;
	display:block;
	margin:0;
	padding: 8px 6px;
	text-decoration:none;
	color: #FFFFFF;
	font-family: Futura,Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
		border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFDA89;
	border-right-color: #FFDA89;
	border-bottom-color: #FFDA89;
	border-left-color: #FFDA89;
}
	html>body #hoznav_sub a {
	padding: 8px 14px; }

#hoznav_sub a:hover {
	background-color: #9a8479;
	 }

#hoznav_sub li.firstitem a {
	margin-left: 0px; }
	
#hoznav_sub li a.active {
	background-position:0% -42px;
	color: #FFFFFF;
	background-color: #666666;
}
	
	
/* ------------------------------------------------------------
	Side column
------------------------------------------------------------ */	
#sidecol h3  {
	text-transform: uppercase;
	
	margin: 0; 
	letter-spacing: 1px; }	

/* ------------------------------------------------------------
	Vertical navigation	
------------------------------------------------------------ */
#vertical-nav {
	margin: 0;
	padding: 0;
	text-align: left; 
	 }
	
#vertical-nav ul { 
	margin: 0; 
	padding: 0; 
list-style: none; }

#vertical-nav ul li { 
	width: 200px;
}

#vertical-nav ul li a {
	color: #005498;
	padding: 6px 6px 6px 14px;
	line-height: 1.1em;
	text-decoration:none;
	display: block;
}
	
#vertical-nav a:hover {
	color: #005498; }

#vertical-nav ul li.opened a { } /* identifies the entire block */

#vertical-nav ul li a.active {
	color: #16487d;
	 }
	
#vertical-nav ul li li a {
	padding: 6px 6px 6px 28px;  /* check values */
	display: block;
	width: 130px !important; width /**/:150px; }
	
#vertical-nav ul li li li a {
	padding: 6px 10px 6px 40px; 
	line-height:1.1em; 
	display: block;
	width: 120px !important; width /**/:140px; }
	
/* ------------------------------------------------------------
	Newsletter subscription
------------------------------------------------------------ */
#newsletter {
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: .93em; }

#newsletter fieldset {
	margin: 0;
	padding: 0;
	border: none; }
	
#newsletter legend {
	display: none; } 
		
#newsletter label {
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top; 
	}
	
#newsletter input {
	font-size: 10px; }

#newsletter #subscribe { /* customise button */
	padding: 0 ;
	margin: 4px 0 4px 0; }
	
#newsletter fieldset ol {
	margin: 0;
	padding: 0; }
	
#newsletter fieldset li {
	list-style: none;
	padding: 6px 5px 0 14px;
	margin: 0; }
	
#newsletter em {
	font-weight: bold; 
	font-style: normal;
	color: #f00; }

#newsletter p {
	margin: 4px 0 30px 14px;
	padding: 0; }

/* ------------------------------------------------------------
	Search the site
------------------------------------------------------------ */
#search {
	margin-left: 160px;
	float: left;
	WIDTH: 186px;
	padding: 0;
	text-align: left; 
	font-size: .93em; }

#search form {	
	margin: 0 0 20px 0;
	padding: 0;
	border: none;  }
	
#search #name {
	margin: 6px 0px 4px 14px;
	padding: 0;
	font-size: 10px;
	width: 100px; 	}

#search #go { /* customise button */
	padding: 0;
	margin: 4px 0 4px 1px; 
	font-size: 10px;}
	
#search p {
	margin: 2px 0 0 14px;
	padding: 0; }

/* ------------------------------------------------------------
	Articles
------------------------------------------------------------ */
#content div.article {
margin: 2px 0px 0px 0px;
padding: 0px;
	 } /* ?? */
	
#content div.last {
	border-bottom: 0;}


/* ------------------------------------------------------------
	Events
------------------------------------------------------------ */
#event-group h2 {
	color: #9a8479;
	padding: 10px 0 15px 0; }
	
#event-group.event {
	padding: 0;
	margin: 0; }

#event-group.event-details p {}

p.event-date {
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: .93em; }

.event h3 {
	font-size: 100%;
	padding: 0;
	margin: 0;
	text-transform: uppercase; }

/* ------------------------------------------------------------
	Features
------------------------------------------------------------ */
#feature-group {
	background: #fff;
	margin: 0; 
	padding: 0 10px;
	font-size: .93em; }

#feature-group h2 {
 	margin: 0;
	padding: 0;
	font-size: 100%; 
	text-transform: uppercase;
	color: red; }
	
div.feature-item h3 {
 	margin: 0;
	padding: 0;
	text-transform: uppercase; }
	
div.feature-item {
	padding: 0 0 20px 0;
	margin: 0; 
	line-height: normal;
	font-size: .93em; }
	html>body div.feature-item {
	font-size: 100%; }

div.feature-item p {
	margin: 0;
	padding: 6px 0 0 0; 
	line-height: 1.3em; }
	
div.feature-item a {
	font-weight: bold; }

		
/* ------------------------------------------------------------
	General typography
------------------------------------------------------------ */
.caption {
	display: block;margin: 4px 10px 25px 0px;
	color: #aaa;
	font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em; }

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
	color: #7ba7d4;
	border-left: 1px solid #7ba7d4;
	padding-left: 10px; }
	
code {
	color: #444;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left; }
	
code strong {
	color: #000; }

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted; }

em {
	font-style: italic; }
	
strong {
	font-weight: bold; }
	
strike, del {
	text-decoration: line-through; }

ins {
	text-decoration: none;
	font-style: italic; }

pre {
	padding: 8px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color: #fafafa; }
	
/* ------------------------------------------------------------
	Misc.
------------------------------------------------------------ */
.clearer { 
	clear: both; }

hr.clearer { 
	clear: both; border: none; }

	

/* Images
----------------------------------------------- */

img { border: 0; }
img.f_left, div.f_left { float: left; margin: 5px 10px 15px 0px;}
img.f_right { float: right;  padding: 5px 0px 5px 25px;}
img.f_across{ float: none; border: 1px solid #333; margin: 5px 0;}

p.figureacross { float: none;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureacross img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureacross img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureacross p { display: block; text-align: left; 	font-style: italic;} 

p.figureleft { float: left; font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
p.figureleft img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureleft img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureleft p { display: block; text-align: left; } 

p.figureright { margin: 0 0 0 10px; float: right;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureright img { margin: 5px 0px 15px 10px; border: 1px solid #333; } 
p.figureright img.captioned { clear: both; margin: 5px 0px 0px 0px; border: 1px solid #333; }
span.figureright p { display: block; text-align: left;}

a img {border: none;}





/* ------------------------------------------------------------
	Stockists name.
------------------------------------------------------------ */
div .stockistList {
width: 500px; 
float: right;
margin-right: 100px;

}

div .stockist {
margin-bottom: 20px;

}

span.stockistname {
	color: #9F947E;
	text-transform: none;
}

/* ------------------------------------------------------------
	Design Selector Widget
------------------------------------------------------------ */

div.DesignSelector {
	width: 800px;
	height: 99px;

}
div.DesignSelector ul {
	margin-left: auto;
	margin-right: auto;

}

div.DesignSelector li {
	width: 97px;
	height: 97px;
padding: 2px;

}

div.ItemThumbs, div.ItemThumbs ul  {
margin: 0px;
padding: 0px;
margin-left: 0px;
padding-left: 0px;
}

.ItemThumbs li.itemlist {
width: 97px;
	display: inline;
	list-style-type: none;
	float: left;
	text-align: center;
	padding: 0px;
		border: 1px solid #FFF;
}

.ItemThumbs li.itemlist a {
width: 95px;
	display: inline;
	list-style-type: none;
	float: left;
	text-align: center;
		border: 1px solid #FFF;
}
.ItemThumbs li.itemlist a:hover {
width: 95px;
	display: inline;
	list-style-type: none;
	float: left;
	text-align: center;
	border: 1px dashed #E85420;
}

.articlecontent .DesignSelector li.itemlist {
	display: inline;
	list-style-type: none;
	float: left;
}

.contentpadding {
padding: 14px;
}
.nextDesignSelector  {float: right;}

.prevDesignSelector {float: left;}

.articlecontent .DesignSelector li.itemlist a {
display: block;
width: 95px;
height: 95px;
border: 1px solid #FFF;

}
.articlecontent .DesignSelector li.itemlist a:hover {
	
	padding: 5px;
	border: 1px solid #E85420;
}


/* ------------------------------------------------------------
	Selector Widget
------------------------------------------------------------ */

div.PrintSelector, div.ArchivalPrintSelector {
	width: 800px;

}
div.PrintSelector ul, div.ArchivalPrintSelector ul {
	margin-left: auto;
	margin-right: auto;

}

div.PrintSelector li, div.ArchivalPrintSelector li {
	width: 97px;
padding: 2px;
text-align: center;
}

.nextPrintSelector, .nextArchivalPrintSelector  {float: right;clear:none;}

.prevPrintSelector, .prevArchivalPrintSelector {float: left;}

.articlecontent .PrintSelector li.itemlist a, .articlecontent .ArchivalPrintSelector li.itemlist a {
display: block;
width: 95px;
height: 95px;
border: 1px solid #FFF;

}
.articlecontent .PrintSelector li.itemlist a:hover, .articlecontent .ArchivalPrintSelector li.itemlist a:hover {
	padding: 5px;
	border: 1px solid #E85420;
}

.articlecontent .PrintSelector li.itemlist, .articlecontent .ArchivalPrintSelector li.itemlist {
	display: inline;
	list-style-type: none;
	float: left;
}

.searchInfo {
clear: none;
width: 200px;
margin: 10px auto;

}
/* ------------------------------------------------------------
	colourwaydetail
------------------------------------------------------------ */
.detail, .Itemdetail  {
margin-left: 14px;
width: 280px;
float: left;
}
.imageBig {

float: right;
margin-top: 26px;

}

/* ------------------------------------------------------------
	Itemdetail
------------------------------------------------------------ */



.Itemdetail a, a.addtocart {
	padding: 8px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	color: #e85420;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	height: 60px;
	background-color: #c1b49a;
	float: left;
	text-transform: uppercase;
	background-image: url(img/Cart.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 14px;
	float: left;
}
.Itemdetail a:hover,  a.addtocart:hover {
	color: #e85420;
	background-color: #ffda89;
	float: left;
	text-transform: uppercase;
	background-image: url(img/Cart.gif);
	background-position: center;
	background-repeat: no-repeat;
		margin-bottom: 14px;

}

td div.itemdetail  a.addtocart {
margin-right: 10px;
}



/* ------------------------------------------------------------
	Homepage  Features Table
------------------------------------------------------------ */
#features_Table {}
.features_Table_cell {height: 110px; padding-right: 5px;}
div.features_Table_Title {
	display: block;
}
.features_Table_cell h2 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #e85420;
}

.HomePageFeaturearticlecontent  {
margin-bottom: auto;
}
.HomePageFeaturearticlecontent p, .HomePageFeaturearticlecontent a img.f_left {
float: left;
font-size: 11px;
}


/*

	  Shopping!@
--------------------------------------------------------------- */

table.cartTbl {

	padding: 				0;
	margin: 				0;
	text-align: 			left;
	border-left: 			1px solid #ddd;

}


table.cartTbl th {
	font: 					bold 11px/20px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-align: 			left;
	color: 					#000;
	background: 			#f1f1f1;
	border-right: 			1px solid #ddd;
	border-bottom: 			1px solid #ddd;
	border-top: 			1px solid #ddd;
	padding: 				0px;
}	


table.cartTbl td {
	border-right: 			1px solid #ddd;
	border-bottom: 			1px solid #ddd;
	text-align: 			left;
	padding: 				2px 2px;
}



table.cartTbl td.thumb {
	width: 					150px;
	text-align: 			right;
	padding: 				0px;
}
table.cartTbl td.ProgramDetails {

	text-align: 			left;
	padding: 				0px 4px;
}

table.cartTbl td a {
	text-decoration: 		none;
	font-weight: 			bold;
	display: 				block;
	border: 				0;
}


table.formtable td { padding: 4px}
td.controls {padding: 10px; text-align: right; vertical-align:middle;}

td.labelCell {text-align: right; vertical-align:top; width: 80px;  padding: 4px 20px 4px 4px;}

/* FORMS */
input.fullwidth {width: 99%;}
input.fixedwidth {width:99%;}
.mediumwidth { width: 400px}



input {
margin:auto  4px;
height: 24px;
background-color: #c1b49a;
border: 1px solid #716558;
color: #716558;
font-size: 12px;
font-family: Futura,Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
input.mediumwidth,input.fullwidth, input.fixedwidth, input.short   {

padding: 2px;margin:auto  4px;
height: 24px;
background-color: #FFF;
border: 1px solid #CDB7A0;
color: #716558;
font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif; 
text-transform: none;
}
textarea  {

padding: 2px;margin:auto  4px;
background-color: #FFF;
border: 1px solid #CDB7A0;
color: #716558;
font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif; 
text-transform: none;
}
form {margin: 0px; padding: 0px;}
.subscribeEmail {
margin:auto  4px;
padding: 4px;
height: 18px;
background-color: #FFF;
border: none;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px;
	color: #555;
	text-transform: none;

}

.SubscribeButton {
margin:auto  4px;
height: 24px;
background-color: #c1b49a;
border: 1px solid #716558;
color: #716558;
font-size: 12px;
font-family: Futura,Arial, Helvetica, sans-serif;
text-transform: uppercase;

}

input[type="radio"] {

padding: 2px;margin:auto  4px;
height: 44px;
background-color: #FFF;
border: 1px solid #CDB7A0;
color: #716558;
font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif; 
text-transform: none;
} 
legend {
	font-weight:			bold;
}


fieldset {
	padding-bottom: 		20px;border: 1px solid #CDB7A0;
}

div.controls {padding: 10px 40px; background-color: #edf3fe; border: #ddd; text-align: right; vertical-align:middle;}
div.controls a:link, div.controls a:visited {
  color:white; background-color: #83afc5; border: 1px solid white; padding: 4px;
  text-decoration:none;
  }
div.controls a:visited {
  color:white; background-color: #83afc5;
  }
div.controls a:hover {
  color:white; background-color: #516d7b;border: 1px solid white;
  }
  
 th {
  	text-align:			left;
}

td.currencycell {text-align: right;}

p.emphasise {

	text-align: left;
	color: #df6f25;
	font-weight:bold;
	}
	
#hoznav  .cart a,#hoznav .cart img, #hoznav .cart a img {

height:23px;
margins: 0px;
padding: 0px 4px 4px 0px;}



.cart {

	float: right;
	margin: 0px;
	padding: 0px;
	clear: none;
	}

.stockistname {
text-transform:uppercase;
font-weight:bold;
}

/***** contentWrapper ***/

.contentWrapper{

}



.leftColImage {
width: 420px;
float: left;
}

.rightColDetail {
float: left;
text-align: left;
}


/***** MESSAGE ***/

.message {
	color:#E85420;
	font-size:12px;
	padding: 14px;
	background-color:#FFF6BE;
	border: 1px dotted #C1B49A;
}