@charset "utf-8";
 body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.625em;
	text-decoration: none;
	background: #F3F3F3;
}

.content { 
	width: 995px; 
	margin:0 auto; 
	text-align:left; 
	position:relative; 
	font-size: 1.1em;
	background: url(../images/jh-main-bg.gif) repeat-y;
}

img {
	border: none;
}

.floatL {
float:left;
}

.floatR {
float:right;
}

#header {
	padding: 2px 0px 0px 0px;
	margin: 0;
	text-align: center;
	height: 150px;
	background: url(../images/jh-header-bg.jpg) no-repeat;
}	



#headerlogo a{
width: 200px;
float:right;
	margin: 0px -60px 0px 0px;
	padding: 4px 60px 0 0;
}

#headermenu {
	color: #494848;
	padding: 0;
	margin: 0;
	text-align: right;
}

#headermenu ul {
	margin: 0;
	padding: 0px;
}

#headermenu li {
	display: inline;
	border-left: 1px solid #494848;
	padding: 0px 4px 0px 6px;
	color: #494848;
}

#headermenu .first {
	border: 0px solid #a6dda6;
}

#headermenu a:link, #headermenu a:visited, #headermenu a:active   {
	text-decoration: none;
	color: #494848;
	padding: 2px;
	font-weight: normal;
}

.menuon {
font-weight:bold;
}





@font-face {
    font-family: 'Cicle';
    src: url('../fonts/cicle/cicle_gordita-webfont.eot');
    src: url('../fonts/cicle/cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cicle/cicle_gordita-webfont.woff') format('woff'),
         url('../fonts/cicle/cicle_gordita-webfont.ttf') format('truetype'),
         url('../fonts/cicle/cicle_gordita-webfont.svg#InconsolataMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#mainmenu {
	padding: 0px 0px 0px 60px;
	
}


.list_style_on {
	background: url(../images/menu_divider.jpg) right no-repeat;
	padding-left:10px;
}
.list_style_off {
background: none;
}

#mainarea {
	margin: 0px;
	padding: 15px 10px 40px 60px;
	line-height: 1.8em;
	border: 0px solid #000000;
	width: 880px;
}
/* this was causing the product zoom to not work properly //
#mainimg {
	float: right;
	padding: 10px 5px 10px 5px;
}
*/

#product-btns {
	width: 173px;
	padding: 0px 2px 0px 0px;
	margin: 0px;
	float: right;	
	border: 0px solid #000;
	text-align: right;
}

#product-btns img {
	border: 0px solid #FFF;
	padding: 15px 0px 0px 0px;
}

#search-bar {
	float: right;
	margin: 0;
	text-align: left;
}

#search-bar form {
	margin: 0px;
	top:13px;
	position:relative;
	padding: 0px 5px 0 0;
}

.txt_input {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#666;
	border:#FFFFFF;
	width:165px;
	padding: 3px 10px 3px 6px;
}

#campaign-sign-up {
	font-size: 1em;
	color: #333;
	clear: both;
	padding: 20px 46px 10px 46px;
	margin: 10px 0 0 0;
	text-align: right;
	background: url(../images/jh-footer-search-bar.jpg) no-repeat;
}

#campaign-sign-up a:link, #campaign-sign-up a:active, #campaign-sign-up a:visited {
	color: #1f1f1f;
	text-decoration: none;
}

#campaign-sign-up a:hover {
	text-decoration: underline;
}

#footer {
	font-size: 1em;
	color: #1f1f1f;
	clear: both;
	padding: 30px 10px 10px 10px;
	margin: 0px 0 0 0;
	text-align: left;
	background: url(../images/jh-footer-bg.jpg) no-repeat top;
}

#footer a:link, #footer a:active, #footer a:visited {
/*	color: #1f1f1f; */
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
	border-left: 1px solid #757575;
	padding: 0px 2px 0px 6px;
}
#footer .first {
	border: 0px solid #666666;
}

#contact-details {
	font-size: 1.1em;
	float:left;
	text-align: left;
	margin: 0 0 10px 0;
}

#company-name {
	font-size: 1.1em;
	float: right;
	text-align: right;
}

#footer-info {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	clear: both;
	border-top: 1px solid #aea89d;
}

input, select, textarea  {
	font: 1.1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}


a:link {
	color:#999;
}

a:active {
	color: #333;
}

a:visited {
	color: #999;
}

a:hover {
	color: #cecece;
}


h1 {
	font: 1.8em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#999999;
	xmin-height: 30px;
	clear:both;

}

h2 {
	font: 1.8em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 10px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	color: #999999;
	clear:both;
}

h3 {
	font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #999999;
}

#accessibility {
	position: absolute;
	left: -999em;
	padding: 0;
	margin: 0;
}

#accessibility ul {
	position: absolute;
	left: -999em;
	padding: 0;
	margin: 0;
}

.pagingControl {
	padding: 3px;
	text-align: left;
	margin: 5px 0 5px 0;
	clear:both;	
}

/* form styles */

label {
/*	float: left;
	width: 10em;
	font-size: 1.2em;*/
}

legend {
	font-weight: bold;
}

fieldset {
	border: none!important;
	padding: 10px;
	margin: 10px 0 10px 0;
	color:#FFFFFF!important;
}

.fieldContainer {
	padding: 4px;
	clear: both;
}
.fieldContainer label {
	font-size: 1em;
}

.buttonContainer {
	margin: 30px 0 0 0;
	text-align: center;
}

.buttonContainer input, textarea {
	padding: 2px;
	font-size: 1.3em;
	width: 200px;
}

.userAlert {
	background-color: #EAEAEA;
	padding: 5px 10px 5px 10px ;
	color: #404040;
	margin: 2px 0px 10px 0px;
}

.userAlertOk {
	background-color: #EAEAEA;
	padding: 5px 10px 5px 10px ;
	color: #404040;
	margin: 2px 0px 10px 0px;
}

.userAlertInfo {
	background-color: #EAEAEA;
	padding: 5px 10px 5px 10px;
	color: #404040;
	margin: 2px 0px 10px 0px;
}

.fielderror{border:1px solid #ff0000; }

/* Enquiry Form */
.equiry-form fieldset div {margin:0 0 10px 0;}
.equiry-form fieldset div label{width:95px;}
.equiry-form fieldset div .txt, .equiry-form fieldset div .area{width:260px}
.equiry-form fieldset {border:1px solid #525252}
.equiry-form fieldset div .btn{margin:0 0 0 95px;}
/* End Enquiry Form*/


/* form styles - end */




#breadcrumbs {
	display: inline;
	color: #5c5c5c;
	height: 50px;
	padding: 0 0 0px 0;
	margin: 0;
}

#breadcrumbs ul {
	padding: 0;
	margin: 0px 0 10px 0px;
}

#breadcrumbs li {
	display: inline;
	margin: 0px;
	padding: 0px;

}

#breadcrumbs li a:link, #breadcrumbs li a:visited, #breadcrumbs li a:active {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#email-a-friend {
	margin: 10px;
}

.post {
	clear:both;
	line-height: 1.4em;
	padding: 10px 0 10px 0;
}

#children-group ul {
	list-style: none;
	margin: 0px 0 5px 0;
	padding: 0px 0 5px 0;
}
	
#children-group li {
	float: left;
	width: 120px;
	margin: 5px 6px 5px 0px;
	padding: 0px;
}

#children-group img {
	border: none;
}

#children-group .header {
	color: #333;
	width: 110px;
	height: 42px;
	padding: 3px 5px 0 5px;
	margin: 0 0 1px 0;
	line-height: 1.3em;
}

#children-group .header a {
	color: #333;
	text-decoration: none;
}

#children-group .header a:hover {
	text-decoration: underline;
}

#children-group-wide ul {
	list-style: none;
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-wide li {
	float: left;
	width: 120px;
	margin: 5px 17px 5px 0px;
	padding: 0px;
}

#children-group-wide img {
	border: none;
}

#children-group-wide .header {
	color: #333;
	width: 110px;
	height: 56px;
	padding: 3px 5px 2px 5px;
	margin: 0 0 0px 0;
	line-height: 1.3em;
}

#children-group-wide .header a {
	color: #333;
	text-decoration: none;
}

#children-group-wide .header a:hover {
	text-decoration: underline;
}

/* children - 2 up */
#children-group-2 ul {
	list-style: none;
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-2 li {
	list-style: none;
	float: left;
	width: 410px;
	margin: 5px 0px 5px 0px;
	padding: 0 25px 0 0;
}

#children-group-2 img {
	width: 430px;
	border: none;
}

#children-group-2 .header {

	
	font-size: 1.8em;
	 position: absolute;
   top: 243px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
   width:292px;
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#children-group-2 .header a {
	color: #fff;
	text-decoration: none;
}

#children-group-2 .header a:hover {
	text-decoration: none;
}

/* children 3 up */
#children-group-3 ul {
	list-style: none;
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-3 li {
	list-style: none;
	float: left;
	width: 268px;
	margin: 5px 0px 5px 0px;
	padding: 0 25px 0 0;
}

#children-group-3 img {

	border: none;
}

#children-group-3 .header {

	
	font-size: 1.8em;
	 position: absolute;
   top: 243px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
/*   width:292px;

*/
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#children-group-3 .header a {
	color: #fff;
	text-decoration: none;
}

#children-group-3 .header a:hover {
	text-decoration: none;
}

/* children 3 up NEWS */
#children-group-3-news ul {
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-3-news li {
	list-style: none;
	float: left;
	height: 292px;
	margin: 5px 0px 0px 0px;
	padding: 0 6px 0 0;
}

#children-group-3-news img {

	border: none;
}

#children-group-3-news .header {

	
	font-size: 1.8em;
	 position: absolute;
   top: 643px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
   width:292px;
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#children-group-3-news .header a {
	color: #fff;
	text-decoration: none;
}

#children-group-3-news .header a:hover {
	text-decoration: none;
}


/* children 3b up */
#children-group-3b-news {

}
#children-group-3b-news ul {
	
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-3b-news li {
	list-style: none;
	float: left;
	height: 292px;
	margin: 0px 0px 0px 0px;
	padding: 0 6px 0 0;
}

#children-group-3b-news img {
	border: none;
}

#children-group-3b-news .header {

	

	font-size: 1.8em;
	 position: absolute;
   top: 936px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#children-group-3b-news .header a {
	color: #fff;
	text-decoration: none;
}

#children-group-3b-news .header a:hover {
	text-decoration: none;
}

/* children 4 up */
#children-group-4 ul {
	list-style: none;
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
}
	
#children-group-4 li {
	list-style: none;
	float: left;

	margin: 5px 0px 5px 0px;
	padding: 0 5px 0 0;
}

#children-group-4 img {

	border: none;
}

#children-group-4 .header {

	
	font-size: 1.8em;
	 position: absolute;
   top: 243px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
/*   width:292px;*/
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#children-group-4 .header a {
	color: #fff;
	text-decoration: none;
}

#children-group-4 .header a:hover {
	text-decoration: none;
}
/* children x up ends */

/* banner_news_page */
#banner_news_page img {
	width: 874px;
	list-style: none;
	border: none;
}

#banner_news_page .header {
		text-transform: uppercase;
		font-size:38px;
	 position: absolute;
	 font-weight:bold;
   top: 250px;
   left: 62px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#banner_news_page .header a {
	list-style: none;
	color: #fff;
	text-decoration: none;
}

#banner_news_page .header a:hover {
	list-style: none;
	text-decoration: none;
}


/* children pic & list */

#children-group-pic-list ul
{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}

#children-group-pic-list li {
	
	
	
float:left;
	margin: 10px 10px 0 0;	
	text-decoration: none;
	font-size: 14px;
	color:#666;
	list-style: none;
}

#children-group-pic-list a
{
	padding: .5em .5em;
	text-decoration: none;
	float:left;
	width: 16em;
	background-color: #F2F2F2;
	border:thin solid #CCC;
	
	text-decoration: none;
}

#children-group-pic-list a:hover
{
	text-decoration: none;
	background-color:#fff;
	color:#000;
}



/* children x up ends */
.userMessage {
	color: #344532;
	border: 1px solid #344532;
	background: #96d48b;
	padding: 3px 10px 3px 10px;
	margin: 0 0 10px 0;
}

#children-group li {

	list-style-type: none;
}

#children-group-wide li {
	list-style-type: none;
}

#group-children li {
	margin: 10px 0 10px 0;
	padding: 0px 0px 0px 30px;
	width: 156px;
	height: 40px;
	background: url(../images/jh-icon-sm.gif) no-repeat;
	list-style-image: none;
}

#group-children a {
	text-decoration: none;
}

.group-children-number {
	width: 30px;
	height: 34px;
	float:left;
	clear:both;
	padding: 15px 0 0px 0;
	margin: 0 0 10px 0;
	font-size: 1.7em;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	display:block;
	line-height: 1.8em;
	
}

.group-children-fabric-code {
	font-size: 0.9em;
	color: #5b5954;
}


.group-children-title {
	float: left;
	margin: 0 0 0px 0px;
	color: #8e8d8a;
	
}

.group-children-title h3 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}

.group-children-title a {
	text-decoration: none;
}




#search-results {
	margin: 20px 0 0 0;
}

.search-result-date {
	width: 45px;
	height: 49px;
	float:left;
	clear:both;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	
}

.search-result-number {
	width: 45px;
	height: 34px;
	float:left;
	background: url(../images/search-icon-bg.gif) no-repeat;
	clear:both;
	padding: 15px 0 10px 0;
	margin: 0 0 20px 0;
	font-size: 1.7em;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	display:block;
	line-height: 18px;
	
}

.search-result-fabric-code {
	font-size: 0.9em;
	color: #5b5954;
}


.search-result-title {
	float: left;
	margin: 0 0 0px 10px;
	width: 470px;
	color: #8e8d8a;
	
}

.search-result-title h3 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}

.search-result-title a {
	text-decoration: none;
}

.news-result-number {
	width: 45px;
	height: 34px;
	float:left;
	background: url(../images/search-icon-bg.gif) no-repeat;
	clear:both;
	padding: 15px 0 10px 0;
	margin: 4px 0 0 0;
	font-size: 1.7em;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	display:block;
	line-height: 2em;
	
}

.news-result-extra {
	font-size: 1.2em;
	font-style:bold;
	color: #5b5954;
	padding-bottom:20px;
}


.news-result-title {
	float: left;
	margin: 0 0 0px 0px;
	width: 520px;
	color: #8e8d8a;
/*	padding: 10px;
	border-top:thin solid #CCC;
	border-bottom:thin solid #CCC;
	background-color:#F7F7F7;*/
	
}

.news-result-title h3 {
	padding: 0;
	margin: 0;
	font-weight:normal;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.5em;
	padding-bottom:5px;
}

.news-result-title a {
	text-decoration: none;
}

#main-body {
	margin: 0;
	width: 550px;
	float: left;
}

#main-body-short {
	padding-left:20px;
	margin: 0;
	width: 170px;
	float: left;
}

#main-body-wide {
	width:100%;
	margin: 0;
}

#main-image {
	float: left;
	margin: 0 20px 20px 0;
	background: #bbb5a9;
	width: 290px;
	clear:both;
}

#main-image ul {
	padding: 0;
	margin: 0;
}

#main-image li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#inspiration-text {
	padding: 20px;
	color: #404040;
	font-size: 1em;
	line-height: 1.8em;
}

#inspiration-text a {
	color: #404040;
}

#golarge-text li {
	color: #404040;
	font-size: 1em;
	line-height: 1.8em;
	font-style: italic;
	background: url(../images/jh-go-large.gif) no-repeat left;
	margin: 0px 20px 0 20px;
	padding: 0 0 10px 20px;
}

#list-clear {
	clear: both;
}

#the-text {
	padding: 0 10px 0px 0;
}

.the-extras {
	padding: 10px 10px 20px 0;
}

.img-hidden {
	display: none;
}

dl {
	width: 390px;
	padding: 0;
	margin: 0;
}
dt {
clear: left;
float: right;
width: 260px;
margin-top: 15px;
font-size: 1.2em;
}
dd {
clear: right;
margin: 0 0 0 60px;
padding: 0px 10px 0 0px;
}
dd.image {
clear: none;
float: left;
margin: 15px 0 20px 0;
}

.fabric-info { border-left:1px solid #585858; border-top:1px solid #585858; text-align:left;}

.fabric-info th { background-color:#FFFFFF; border-bottom:1px solid #585858; border-right:1px solid #585858; padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left;}

.fabric-info td { border-bottom:1px solid #585858; border-right:1px solid #585858; padding: 3px 5px 3px 5px; text-align:left;}

.fabric-current {
	border: 1px solid #585858; 
	padding: 1px;
}

.related-list {
	list-style-image: url(../images/jh-bullet.gif);
	margin-bottom: 20px;
}

#group-colourcard li {
	margin: 0px 10px 10px 0;
	padding: 0px 5px 0px 0px;
	width: 270px;
	height:100px;
	list-style-image: none;
}

#group-colourcard a {
	text-decoration: none;
}

#colourcard {
	margin: 10px 0 0 0;
	padding: 0px;
}

#colourcard li {
	display: inline;
	border-left: 1px solid #494848;
	padding: 0px 4px 0px 6px;
	margin: 0px;
}


#colourcard .first {
	border: 0px solid #a6dda6;
}


#colourcard a {
	text-decoration: none;
}

#colourcard a:hover {
	text-decoration: underline;
}


#news_fwd_back {
	margin: 10px 0 0 -6px;
	padding: 0px;
}

#news_fwd_back li {
	display: inline;
	border-left: 1px solid #494848;
	padding: 0px 4px 0px 6px;
	margin: 0px;
}


#news_fwd_back .first {
	border: 0px solid #a6dda6;
}


#news_fwd_back a {
	text-decoration: none;
}

#news_fwd_back a:hover {
	text-decoration: underline;
}


.post-title-lg h3 {
	font-size: 1.6em;
	font-weight: normal;
}

.external-disclaimer {

	color: #666666;

}


.phototext h3 {
	margin-bottom: 15px;
}

#colour-group-selection {
	color: #bbb5a9;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}

#colour-group-selection li {
	display: inline;
	border-left: 1px solid #bbb5a9;
	padding: 0px 4px 0px 6px;
	color: #bbb5a9;
}

#colour-group-selection .first {
	border: 0px solid #a6dda6;
}

#colour-group-selection a:link, #colour-group-selection a:visited, #colour-group-selection a:active   {
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#colour-group-selection a:hover {
	text-decoration: underline;
}

.search-note {
	color: #333;
	border-bottom: 1px solid #5b5954;
	padding: 5px;
	
}

.search-notes-footer {
	color: #818181;
	border-top: 1px solid #5b5954;
	padding: 5px;
	margin-top: 10px;
	
}

/*------LANDING PAGES------*/
body.landingpage #main-body{width:auto!important;}

.fabric-types{float:left; margin:10px 0 12px 0; width:859px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:20px 0 15px 0;}
.fabric-types img{margin:0 0 0 0;}
.fabric-types .type{float:left; margin:0 10px 10px 6px; display:inline;}
.fabric-types .type p{margin:0 0 0 0; padding:0 5px 0 5px; text-align:center;}

.viewbut{ float:left;}
.viewbut a{width:auto; padding:8px 10px; border:1px solid #5c5c5c; background:#000 url("../images/butfade.gif") top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none; font-weight:bold; font-size:12px; outline:none;}
.viewbut a:hover{border:1px solid #6B6B6B}
.viewbut a:active{color:#999;} 

#col1{float:left; width:400px; margin-right:24px; border-right: 1px solid #CCC; padding:0 20px 0 0;}
#col2{float:left; width:240px; padding:17px 0 0 0;}


#search-main{
clear:both;
float:right;
padding: 16px 0px 0 0;
text-align:left;
}

#mag_glass{
padding-top:2px;
background-color:#FFFFFF;
border:none;
}
#mag_glass img{
padding-top:10px;
}

#shopping_summary_wrapper{
width:375px;
float:right;
padding: 15px 65px 0 0;
}
#shopping_basket_title{
text-align:right;
color:#666666;
font-weight:bold;
}

#shopping_basket{
text-align:right;
color:#666666;
}

#header_buttons{
width:210px;
padding: 20px 0 0 0;
float:right;
}

#btn_trade_login {
width:84px;
float:right;
}
#btn_enquiry {
width:117px;
padding: 0 3px 0 0;
float:left;
}
.dividing_line{
	background: url(../images/jh-dividing-line.jpg) no-repeat;
	height: 1px;
	margin: 0px 0px 0px 43px;
	padding: 0px 0px 0px 0px;
	clear:both;
}
#inner_wrapper{
	margin: 0px 0px 0px 45px;
	padding: 5px 0px 0px 0px;
	clear:both;
}
#homepage-banner{
padding: 2px 0 8px 0;
}

#cta-1 {
clear:both;
float:left;
padding-right:12px;
}
#cta-2 {
float:left;
padding-right:12px;
}
#cta-3 {
float:left;
}
.cta_text_1{
	height: 30px;
/*	font-family: "Lucida Sans Unicode", 'Cicle', Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 2.2em;
	 position: absolute;
   top: 620px;
   left: 65px;
   z-index:300px;
   color:#FFFFFF;
/*   color:#2E2E2E;
 /*  font-weight:bold;
/*   text-align:center; */
   width:292px;
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
.cta_text_2{
	height: 30px;
	
	font-size: 2.2em;
	 position: absolute;
   top: 620px;
   left: 369px;
   z-index:300px;
   color:#FFFFFF;
 /*  font-weight:bold;
/*   text-align:center; */
   width:292px;
   font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
.cta_text_3{
	height: 30px;
	
	font-size: 2.2em;
	 position: absolute;
   top: 620px;
   left: 673px;
   color:#FFFFFF;
/*    color:#2E2E2E;
 /*  font-weight:bold;
/*   text-align:center; */
   width:292px;
   font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

/* FOOTER STYLES
-------------------------------------------------------------------*/

/* Boxes */

	#footerctawrap		{ 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 46px;  }
	
	.footerbox			{ width:165px; float:left; position:relative; list-style:none;  }
	
	.footerbox h4		{ font-weight:bold;  color:#666666; font-size:13px; margin-bottom:5px;}
	.footerbox h4 a:hover	{ text-decoration:none; color:#333333;}
	.footerbox ul 		{ color:#666666; margin:0 0 0px 0; padding:0;}
	.footerbox li 		{ list-style:none; font-size:12px;}
	.footerbox li a	 	{ color:#999999; text-decoration:none;}
	.footerbox li a:hover { color:#333333; text-decoration:none;}
	
	.footerboxlast		{ width:120px; float:left; position:relative; list-style:none;  }
	
/* Bottom */
	
	#bottom {
		float:left;
	
	}
	#bottom_text{
		background:url(../images/bottom.jpg) top no-repeat;
		color:#999999;
		clear:both;
		margin: 0px 46px 0px 46px;
		padding: 10px 0px 0px 0px;
		text-align:center;
			}
	#bottom_text a{
		color:#999999;
			}
	.footer_text_wrapper{
		color:#999999;
		width: 895px; 
		margin:0 auto; 
		text-align:center; 
		position:relative; 
		font-size: 1.1em;
		padding-bottom:20px;
	}
	
	.enquiry-button{
	margin-left: -3px;
	}
	
	
/* Rotating Banner
-------------------------------------------------------------------*/
ul.slideshow {
	list-style:none;
/*	width:900px; */
	height:416px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:450px;
	height:90px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
/*	color:#CCCCCC;
/*	background:#000;*/
	z-index:500;
	padding:5px 10px 20px 20px;		
}

#slideshow-caption .slideshow-caption-container {
	padding:12px 10px;
	margin-bottom:5px;		
	/*z-index:1000;*/
	
}

#slideshow-caption h3 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	margin:0;
	padding:0;	
	color:#fff;
	font-size:38px;
}

#slideshow-caption p {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0px 0 15px 0;
}

/* Rotating Banner END
-------------------------------------------------------------------*/
#footer_over_wrap{
background: url(../images/jh-main-bg.gif) repeat-y;
height:95px;
padding-bottom:95px;
}
/* Add to basket
-------------------------------------------------------------------*/
#product-detail-basket-add p.add-to-basket{
	width:220px;
	float:left;
	margin:0 0 0 0;
}
#product-detail-basket-add p.add-to-basket a{
	background-color:#333;
	color:#fff;
	font-weight:bold;
	padding:4px 10px 6px 10px;
	margin:0;
	-moz-box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #999;
}
#product-detail-basket-add p.add-to-basket a:hover {
	color:#999999;
}
.nav_right{
padding: 0 0 0 30px;
}
.basket_wrapper{
padding: 20px 0 30px 90px;
}
.clear{
clear:both;
}
#related_wrapper{
clear:both;
}
#add_to_basket_conf{
padding-top:40px;
clear:right;
}
.padded {
background-color:#999999;
color:#FFFFFF;
padding:10px;
margin-bottom:10px;
font-size:13px;
}
.padded_main {
padding:5px 5px 5px 5px;
}
.padded_main2 {
padding:0px 5px 0px 5px;
}
.cross {
padding-left:30px;
}
.basket_price {
text-align:center;
}
.padded_end {
background-color:#E9E9E9;
color:#666666;
padding:10px;
margin-bottom:10px;
font-size:13px;
}


	.submitButton {
	background-color:#333333;
	padding:6px 10px 6px 10px;
	margin:0px;
	margin-right: 10px;
	-moz-box-shadow: 0 1px 1px #333;
	-webkit-box-shadow: 0 1px 1px #333;
	box-shadow: 0 1px 1px #333;
	border:0px;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	color:#FFFFFF;
	}
	
	.submitButton:hover {
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
	}
	
	
	.enquiryButton {
	width:80px;
	height: 15px;
	float:left;
	background-color:#FBFBFB;
	color:#000;
	font-weight:normal;
	padding:6px 5px 6px 0px;
	margin:0px 0px 0px 2px;
	-moz-box-shadow: 0 1px 1px #D0D0D0;
	-webkit-box-shadow: 0 1px 1px #D0D0D0;
	box-shadow: 0 1px 1px #D0D0D0;
	text-decoration: none;
	}
	.enquiryButton:hover {
	background-color:#D4D4D4;
	color:#000;
	}
	.tradeButton {
	width:100px;
	float:right;
	height: 15px;
	background-color:#FBFBFB;
	color:#000;
	font-weight:normal;
	padding:6px 5px 6px 5px;
	margin:0px;
	-moz-box-shadow: 0 1px 1px #D0D0D0;
	-webkit-box-shadow: 0 1px 1px #D0D0D0;
	box-shadow: 0 1px 1px #D0D0D0;
	border:0px;
	font-size: inherit;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	}
	.tradeButton:hover {
	text-decoration: none;
	background-color:#D4D4D4;
	color:#000;
	}
	
	.addButton {
	width:150px;
	float:left;
	background-color:#333333;
	color:#fff;
	font-weight:normal;
	padding:6px 5px 6px 15px;
	margin:0px 0px 0px 2px;
		-moz-box-shadow: 0 1px 1px #D0D0D0;
	-webkit-box-shadow: 0 1px 1px #D0D0D0;
	box-shadow: 0 1px 1px #D0D0D0;
	
	}
	.addButton a {
	text-decoration:none;
	color:#fff;
	}
	
	.checkout_buttons {
		margin: 20px 245px 80px;
		color:#FFFFFF;
		clear:both;
		float:right;
	}

	input, textarea {  
	  background-color:#CCCCCC;
	  border:dashed thin #666666;
	}  
	
	.submit{
	background-color:#006633;
	color:#FFFFFF;
	}
	ol {
	text-decoration:none;
	}
	.half_table{
	width:190px;
	}
	.light_table{
	background-color:#EFEFEF;
	padding:8px 18px 8px 18px;
	}
	.dark_table{
	background-color:#E0E0E0;
	padding:8px 28px 8px 28px;
	}
	.req{
	color:#FF0000;
	
	}
	#buy_now_paypal{
		  background-color:#EFEFEF;
	  border:none;
	}
	
	.file_upload {
	background-color:#EFEFEF;
	border:none;	
	}
	.col_width_small {
	width:50px;
	}
	.faq_wrapper{
	width:600px;
	padding: 40px 0 30px 140px;
	}

.ques {
	background:url(../images/arrow_grey.gif) no-repeat 0 9px;
	padding:5px 0 5px 15px;
	font-size:1.2em;
	color:#666666;
	font-weight:bold;
	cursor:pointer;
}
.ques_open {
	background:url(../images/arrow_grey.gif) no-repeat 0 9px;
	padding:5px 0 5px 15px;
	font-size:1.2em;
	color:#666666;
	font-weight:bold;
	cursor:pointer;
}
.ans {
	padding:5px 0 5px 15px;
	display:none;
}
.ans span {
	font-size:1.2em;
	color:#588fcd;
	font-weight:bold;
	padding:0 0 10px 0;
	cursor:pointer;
}
.ans p {
	margin:5px 0 !important;
}
.stockists_title {
font-size:10px;
font-weight:normal;
}
.stockists_title h1{
font-size:16px;
font-weight:bold;
}
.stockists_title p{
font-size:12px;
font-weight:normal;
}

/* Stockists Table */
.stockists-info { border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; text-align:left; margin-bottom:10px;  }

.stockists-info th { background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:10px 0px 5px 15px;}

.stockists-info td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding: 3px 5px 3px 5px; text-align:left;}



/* Stockists Summary Box */
.stockists-summary { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding:0px;}

.stockists-summary th { background-color:#FFFFFF; border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:0px;}

.stockists-summary td { border-bottom:none; border-right:none;  text-align:left; padding:0px;}

/* Stockists Summary Text Box */
.stockists-summary-text { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding: 3px 5px 3px 15px;  }

.stockists-summary-text th { background-color:#FFFFFF; border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding: 3px 5px 3px 15px; }

.stockists-summary-text td { border-bottom:none; border-right:none;  text-align:left; padding: 3px 5px 3px 15px; }

/* Stockists Table - NEW */
.stockists-info-new { background-color:#E8E8E8; text-align:left; margin-bottom:10px; margin-top: 10px;  }
.stockists-info-new th { padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:10px 0px 5px 15px;}
.stockists-info-new td {  padding: 3px 5px 3px 5px; text-align:left;}


/* Stockists Table NEW - 4-11-11*/
.stockists-info-small { text-align:left; margin-bottom:10px;
width: 425px; 	
background-image:url(http://www.james-hare.com/images/premier-shop-label.jpg); 
background-position: 320px 0px; 
background-repeat: no-repeat; 
background-color:#E8E8E8; float:left;
height:220px;
margin-right:10px;}
.stockists-info-small th { padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:10px 0px 5px 15px;}
.stockists-info-small td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding: 3px 5px 3px 5px; text-align:left;}

/* Stockists Table NEW - DISTRIBUTOR*/
.stockists-info-small-agent { text-align:left; margin-bottom:10px;
width: 425px; 	
background-image:url(http://www.james-hare.com/images/agent-label.jpg); 
background-position: 320px 0px; 
background-repeat: no-repeat; 
background-color:#E8E8E8; float:left;
height:220px;
margin-right:10px;}
.stockists-info-small-agent th { padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:10px 0px 5px 15px;}
.stockists-info-small-agent td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding: 3px 5px 3px 5px; text-align:left;}

/* Stockists Table NEW - AGENT*/
.stockists-info-small-distributor { text-align:left; margin-bottom:10px;
width: 425px; 	
background-image:url(http://www.james-hare.com/images/agent-label-agent.jpg); 
background-position: 340px 0px; 
background-repeat: no-repeat; 
background-color:#E8E8E8; float:left;
height:220px;
margin-right:10px;}
.stockists-info-small-distributor th { padding: 3px 5px 3px 5px; font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:10px 0px 5px 15px;}
.stockists-info-small-distributor td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding: 3px 5px 3px 5px; text-align:left;}

/* Stockists Summary Box SMALL */
.stockists-summary-small { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding:0px;}
.stockists-summary-small th { border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding:0px;}
.stockists-summary-small td { border-bottom:none; border-right:none;  text-align:left; padding:0px;}

/* Stockists Summary Text Box SMALL*/
.stockists-summary-text-small { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding: 0px 5px 3px 3px;  }
.stockists-summary-text-small th { border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding: 3px 5px 3px 3px; }
.stockists-summary-text-small td { border-bottom:none; border-right:none;  text-align:left; padding: 3px 5px 3px 3px; }


/* REGULAR Stockists Summary Text Box */
.regular-stockists { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding: 10px 5px 3px 15px; float:left; width:290px;

	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#959595;
	
	}

.regular-stockists th { background-color:#FFFFFF; border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding: 15px 5px 3px 15px; }

.regular-stockists td { border-bottom:none; border-right:none;  text-align:left; padding: 10px 5px 3px 15px; }

/* REGULAR Stockists NEW Summary Text Box */
.regular-stockists-new { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding: 10px 5px 3px 15px; float:left; width:285px;

	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#959595;
	border-bottom:thin dotted #CCCCCC;
	border-right:thin  dotted #CCCCCC;
	height: 220px;
	
	}

.regular-stockists-new th { background-color:#FFFFFF; border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding: 15px 5px 3px 15px; }

.regular-stockists-new td { border-bottom:none; border-right:none;  text-align:left; padding: 10px 5px 3px 15px; }

.regular-stockists-new-end { border-left:none; border-top:none; text-align:left; font-size:12px; font-weight:normal; padding: 15px 5px 3px 15px; float:left; width:285px;

	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	color:#959595;
	border-bottom:thin  dotted #CCCCCC;
	border-right:none;
	height: 220px;
	
	}
.regular-stockists-new-end th { background-color:#FFFFFF; border-bottom:none; border-right:none;  font-weight:normal; color:#666666; font-weight:bold; text-align:left; padding: 10px 5px 3px 15px; }

.regular-stockists-new-end td { border-bottom:none; border-right:none;  text-align:left; padding: 10px 5px 3px 15px; }

p {
margin-top:0;
}
.clear{
clear:both;
}
.clearL{
clear:left;
}
.clearR{
clear:right;
}
.padding{
width:100%;
padding-top:15px;
clear:both;
}
.pad_left{
padding-left:90px;
}
.pad_right{
padding-right:30px;
}
.button{
	background-color:#333333;
	color:#FFFFFF;
	font-weight:normal;
	padding:6px 10px 6px 10px;
	margin:0px;
	-moz-box-shadow: 0 1px 1px #333;
	-webkit-box-shadow: 0 1px 1px #333;
	box-shadow: 0 1px 1px #333;
	border:0px;
	font-size: inherit;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
}
.button:hover{
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
}

#search_results_fixed{
width: 850px;
padding: 40px 0 0 0;
}
.error_messages{
color:#FF0000;
font-size:12px;
font-weight:bold;
}
.table_half{
	width:300px;	
}
#details_table{
	
}


#details_table td{
	width:50px;
}
/*table, td, th
{
border:1px solid green;
}
*/

#playlist table{
	text-align:left;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 660px;
}
#playlist th {
	text-align:left;
	width: 165px;
    font-weight: bold;
    color: #FFFFFF;
	background-color:#999999;
	color:#FFFFFF;
	padding:10px;
	font-size:14px;
}
#playlist td {
	width: 165px;
    padding: 0px 5px 0px 5px;
}

.entry th {
	width: 100px;
}


.upload {
	position:relative;
	width:134px;
}
.realupload {
	position:absolute;
	top:0;
	right:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:60px;
}
form .fakeupload {
	background:url(../images/browse.gif) no-repeat 100% 50%;
}
form .fakeupload input {
	width:70px;
}

textarea {
	width:95%;
	height:40px;
}
.credit_account{
float:right;
padding-right:80px;

}
.showrooms{
padding-left: 20px;	
}
.news_sub_heading{
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	margin:5px 0 0 5px;
	padding:0;	
	position: absolute;
	top: 283px;
	left: 62px;
	padding-left:14px;
	color: #fff;

}
.print_only{
	visibility: hidden; display: none;
}
.sub_heading_small{
	font-size:10px;	
	color:#999999;
}

/* children 3 up */
#contact_map ul {
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
}
	
#contact_map li {
	list-style: none;
	float: left;
	width: 268px;
	margin: 0px 0px -10px 0px;
	padding: 0 25px 0 0;
}

#contact_map img {

	border: none;
}

#contact_map .header {

	
	font-size: 1.8em;
	 position: absolute;
   top: 234px;
   padding-left:18px;

   z-index:300px;
   color:#FFFFFF;
/*   width:292px;

*/
   	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

#contact_map .header a {
	color: #fff;
	text-decoration: none;
}

#contact_map .header a:hover {
	text-decoration: none;
}

#text-columns {
	width: 280px;
	height: 230px;
	float:left;
}
#new_overlay_image-container{
	height:100px;
	position:relative;
}
#new_overlay_top {
  position: absolute;
  z-index: 2;
}
#new_overlay_bottom{
  position: absolute;
  z-index: 1;
}
.view_by_collection_wrapper{
	width:685px;
	float:left;
	margin:0;
	padding:0;
}


/* view by collection - link */

#view-by-collection-link ul
{
margin: 0;
padding: 0;
}

#view-by-collection-link li {


	margin: 10px 10px 10px -2px;	
	text-decoration: none;
	font-size: 14px;
	color:#666;
	list-style: none;
	padding-bottom:30px;
}

#view-by-collection-link a
{
	padding: .5em .5em;
	
	text-decoration: none;
	float:left;
	width: 10em;
	background-color: #F2F2F2;
	border:thin solid #CCC;
	text-decoration: none;
}

#view-by-collection-link a:hover
{
	text-decoration: none;
	background-color:#fff;
	color:#000;
}

/* view by collection - short link */

#view-by-collection-short-link ul
{
margin: 0;
padding: 0;
}

#view-by-collection-short-link li {


	margin: 10px 10px 10px -2px;	
	text-decoration: none;
	font-size: 14px;
	color:#666;
	list-style: none;
	padding-bottom:30px;
}

#view-by-collection-short-link a
{
	padding: .5em .5em;
	
	text-decoration: none;
	float:left;
	width: 10em;
	background-color: #F2F2F2;
	border:thin solid #CCC;
	text-decoration: none;
}

#view-by-collection-short-link a:hover
{
	text-decoration: none;
	background-color:#fff;
	color:#000;
}