@charset "utf-8";
/* CSS Document */

html, body {
	height:100%; /* needed for container min-height */
	background:#e6e6e6 url(../img/bg_main.gif) repeat-x 0px 0px;
}

.botspacer {margin-bottom:10px;}

/****************************/
/*** Main Page Styling
/****************************/
html>body #minHeight_home{float:left;width:0px;height:100%;margin-bottom:-203px; } /*safari wrapper */
.clearfooter_home{clear:both;height:203px;}/*needed to make room for footer*/

html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-293px; } /*safari wrapper */
.clearfooter{clear:both;height:293px;}/*needed to make room for footer*/

* > html .clearfooter, * > html .clearfooter_home {float:left;width:100%;}/* ie mac styles */

div#wrapper
	{ margin:0px auto; width:975px; }

div#page {
	float:left; clear:both;
	width:975px;
	/*position:relative;*/ /* needed for footer positioning*/
	margin:0px auto; /* center, not in IE5 */
	background-color:#ffffff;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/****************************/
/*** Header Styling
/****************************/
#header 
	{ float:left; clear:both; width:966px; height:83px; margin:0px; padding:5px; 
	  background-color:#006633;}
	#header .rightcolumn 
		{ float:right; width:600px; margin:0px; padding:0px; }
	div#header .topnav 
		{ float:right; font-size:10px; color:#ffffff; text-transform:uppercase; }
 .topnav ul {float:right; margin:0px; padding:0px; list-style-type: none;}
 .topnav li, .topnav li ul, .topnav li ul li {float:left; margin:0px; padding:0px;}
	.topnav li strong{float:left; padding-right:10px;}
	.topnav li {padding:0px 15px; border-right:1px solid #66a0c8;}
	li.endlist, .submit_button {border:none; padding-right:5px;}

	.topnav a, .topnav a:link, .topnav a:visited, .topnav a:active
	{color:#ffffff; text-decoration:none;}	
 .topnav a:hover, .topnav .navon 
	{color:#ffffff; text-decoration:underline;}
	
	div#header form {float:right; margin:0px; padding:26px 0px 0px 0px;}
	div#header p{float:left; margin:0px 0px 0px 22px;}
	

	#header #logo_jcuk {float:left; background: transparent url(../img/logo_johnsons.gif) no-repeat 0px 0px;}
	#header #logo_jcuk, #header #logo_jcuk a {width:203px; height:83px; margin:0px;}
	
	#header #logo_jcuk a
	{
	margin:0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	}	

/****************************/
/*** Navigation Styling
/****************************/
div#navigation 
	{ float:left; clear:both; width:975px; height:34px; margin:0px; padding:0px; 
	  background-color:#fefd0c;}
	#navigation ul {margin:0px; padding:0px; width:975px; right:0px; height:34px;}
	#navigation li {display:block; float:left; position:relative; z-index:100;}
	#navigation li span {display:block; z-index:100; width:122px;}
	#navigation li a, #navigation li a:visited {display:block; padding:0;}
	#navigation li a:hover {border:0;}
	
	#navigation dl {position:absolute; top:0px; left:0px; margin:0px; padding:0px; background: url(../img/spacer.gif);}
	#navigation dt {float:left; }
	#navigation dd {
		width:242px; 
		display:none; 
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
		border-bottom:1px solid #ffffff; 
		clear:left; 
		margin:0px; 
		padding:0px; 
		text-align:left;
		text-transform:uppercase;
	}
	
	#navigation dt a, #navigation dt a:visited {display:block; color:#ffffff; text-decoration:none;}
	#navigation dd a, #navigation dd a:visited {
		background:#b7b7b7;
		color:#ffffff;
		text-decoration:none;
		display:block; 
		padding:7px 0px 7px 32px;
	}
	
	#navigation li:hover dd, #navigation li a:hover dd {display:block;}
	#navigation li:hover dt a.Services, #navigation li a:hover dt a.Services {background:transparent url(../img/navigation.gif) no-repeat -244px -34px;}
	#navigation li:hover dt a.News, #navigation li a:hover dt a.News {background:transparent url(../img/navigation.gif) no-repeat -732px -34px;}
	#navigation li:hover dt a.LatestNews, #navigation li a:hover dt a.LatestNews {background:transparent url(../img/navigation.gif) no-repeat -732px -34px;}


	#navigation dd a:hover {background:#21CF29; color:#ffffff;}
	.topborder {border-top:1px solid #ffffff;}

	#navigation strong, a.Home, a.BranchLocator, a.Services, a.PriorityClub, a.Promotions, a.Environment, a.News, a.LatestNews, a.Instore, a.Careers
	{display:block; text-indent:-999px; overflow:hidden; height:34px; font-size:10px; cursor:hand;}


	#navigation a.Home {width:122px; background:transparent url(../img/navigation.gif) no-repeat 0px 0px;}	
	#navigation a.BranchLocator {width:122px; background:transparent url(../img/navigation.gif) no-repeat -122px 0px;}
	#navigation a.Services {width:122px; background:transparent url(../img/navigation.gif) no-repeat -244px 0px;}
	#navigation a.PriorityClub {width:122px; background:transparent url(../img/navigation.gif) no-repeat -366px 0px;}
	#navigation a.Promotions {width:122px; background:transparent url(../img/navigation.gif) no-repeat -488px 0px;}
	#navigation a.Environment {width:122px; background:transparent url(../img/navigation.gif) no-repeat -610px 0px;}
	#navigation a.News {width:122px; background:transparent url(../img/navigation.gif) no-repeat -732px 0px;}
	#navigation a.LatestNews {width:122px; background:transparent url(../img/navigation.gif) no-repeat -732px 0px;}
	#navigation a.Instore {width:121px; background:transparent url(../img/navigation.gif) no-repeat -854px 0px;}
	#navigation a.Careers {width:121px; background:transparent url(../img/navigation.gif) no-repeat -854px 0px;}


	#navigation a.Home:hover, #navigation strong.Home {background:transparent url(../img/navigation.gif) no-repeat 0px -34px;}	
	#navigation a.BranchLocator:hover, #navigation strong.BranchLocator {width:122px; background:transparent url(../img/navigation.gif) no-repeat -122px -34px;}
	#navigation a.Services:hover, #navigation strong.Services {width:122px; background:transparent url(../img/navigation.gif) no-repeat -244px -34px;}
	#navigation a.PriorityClub:hover, #navigation strong.PriorityClub {width:122px; background:transparent url(../img/navigation.gif) no-repeat -366px -34px;}
	#navigation a.Promotions:hover, #navigation strong.Promotions {width:122px; background:transparent url(../img/navigation.gif) no-repeat -488px -34px;}
	#navigation a.Environment:hover, #navigation strong.Environment {width:122px; background:transparent url(../img/navigation.gif) no-repeat -610px -34px;}
	#navigation a.News:hover, #navigation strong.News {width:122px; background:transparent url(../img/navigation.gif) no-repeat -732px -34px;}
	#navigation a.LatestNews:hover, #navigation strong.News {width:122px; background:transparent url(../img/navigation.gif) no-repeat -732px -34px;}
	#navigation a.Instore:hover, #navigation strong.Instore {width:121px; background:transparent url(../img/navigation.gif) no-repeat -854px -34px;}
	#navigation a.Careers:hover, #navigation strong.Careers {width:121px; background:transparent url(../img/navigation.gif) no-repeat -854px -34px;}

	
	#navigation strong.Home, #navigation strong.BranchLocator, #navigation strong.Services, #navigation strong.PriorityClub,
	#navigation strong.Promotionss, #navigation strong.Environment, #navigation strong.News, #navigation strong.LatestNews 
	{width:122px;}
	#navigation strong.Instore,
	#navigation strong.Careers
	{width:121px;}
	
/****************************/
/*** Main Content Area Styling
/****************************/	
div#main_home 
	{ float:left; clear:both; width:955px; padding:10px;
	  margin:0px 0px 203px 0px; /* needed for footer space*/
	  margin:0px;/* moz fix*/ }

div#main 
	{ float:left; clear:both; width:955px; padding:10px; 
	  margin:0px 0px 298px 0px; /* needed for footer space*/
	  margin:0px;/* moz fix*/ }
	
	.content_wrap, .content_home, .content_full, .content_txt, .content_img, .content_left, .content_right,	
	.content_iframe, .content_iframebranch
	{float:left;}
	.content_full {width:955px;}
	.content_img {width:350px; border-left:10px solid #ffffff;}
	.content_left, .content_iframe, .content_iframebranch {width:733px;}
	.content_right {width:212px; border-left:10px solid #ffffff;}
	.content_home {width:733px;}

	.content_left .col01 {float:left; width:399px; text-align:justify;}
	.content_left .colcontact, .content_left .colimg 
		{ float:left; width:324px; border-left:10px solid #ffffff; text-align:center; }
	.content_left .colcontact
		{ border:1px solid #e5e5e5; padding:4px; }

	
	.content_iframe {height:480px; margin:0px; padding:0px;}
	.content_iframebranch {height:930px; margin:0px; padding:0px;}


/****************************/
/*** Banners & Boxes Styling
/****************************/
#newsticker {float:left; width:733px; height:36px; padding:0px; margin:10px 0px 0px 0px; background-color:#dddddd;}
#newsticker .headlines {float:left; padding:10px; width:573px;}

	/* S: Generic Properties */
	div#priorityclubbox, div#otherservicesbox, div#homebanners, div#botbanners
	{width:955px; background-color:#ffffff;}

		ul.rightbox li a strong, ul.atyourservices li strong, ul.instore li strong, ul.linkbox_pc_footer li strong
		{
			font-size:17px; 
			color:#ffffff;
			text-transform:uppercase;
			margin:0px;
			padding:6px 8px 6px 10px;
			font-family:"Trebuchet MS";
			font-weight:lighter;
			background-color:#a2a3a7;
			display:block;
		}
	/* E: Generic Properties */
	
	/*** Boxes Styling */
	div#otherservicesbox {margin-left:10px; padding:10px 0px; border-top:8px solid #006633;}
		
		/*** Right Box Section */
		ul.rightbox {display:block; list-style:none; margin:0px; padding:0px; }
		ul.rightbox li
			{ float:left; display:block; width:212px; border-bottom:10px solid #ffffff; }
		.homepage ul.rightbox li.bgoffers
			{ border:0px; }
		ul.rightbox li a, ul.rightbox li a:visited, ul.rightbox li a:link 
			{ display:block; /*border:1px solid #a2a3a7;*/ color:#666; text-decoration:none; }
		ul.rightbox li a:hover, ul.atyourservices li a:hover {text-decoration:none;}
		ul.rightbox li a span {display:block; padding:10px 60px 15px 10px; margin:0px; cursor:hand;}

		/*
		.bglocator {background:#fff url(../img/bg_locator.gif) no-repeat bottom right;}
		.bgoffers {background:#fff url(../img/bg_signupoffers.gif) no-repeat bottom right;}
		.bgsatnav {background:#fff url(../img/bg_satnav.gif) no-repeat bottom right;}
		*/
		
		/* At Your Service */
		ul.atyourservices {display:block; list-style:none; margin:0px; padding:0px;}
		ul.atyourservices li {float:left; display:block; border:1px solid #a2a3a7; margin-bottom:10px;}
		ul.atyourservices li ul {margin:0px; padding:0px; list-style:none;}
		ul.atyourservices li ul li {display:block; border:none; margin:0px; padding:5px; }
		
		a.servDryCleaning, a.servLaundry, a.servIroning, a.servAlterationsRepairs,
		a.servWeddingDressCleaning, a.servCurtainCleaning, a.servDuvetCleaning,
		a.servCarpetRugCleaning, a.servSuedeLeatherCleaning
		{display:block; text-indent:-999px; overflow:hidden; width:200px; height:54px;}
		
		a.servDryCleaning {background:#fff url(../img/icons/small/drycleaning.gif) no-repeat 2px 0px;}	
		a.servLaundry {background:#fff url(../img/icons/small/laundry.gif) no-repeat 2px 0px;}	
		a.servIroning {background:#fff url(../img/icons/small/ironing.gif) no-repeat 2px 0px;}	
		a.servAlterationsRepairs {background:#fff url(../img/icons/small/alteration.gif) no-repeat 2px 0px;}	
		a.servWeddingDressCleaning {background:#fff url(../img/icons/small/weddingdress.gif) no-repeat 2px 0px;}	
		a.servCurtainCleaning {background:#fff url(../img/icons/small/curtain.gif) no-repeat 2px 0px;}	
		a.servDuvetCleaning {background:#fff url(../img/icons/small/duvet.gif) no-repeat 2px 0px;}	
		a.servCarpetRugCleaning {background:#fff url(../img/icons/small/carpetrug.gif) no-repeat 2px 0px;}	
		a.servSuedeLeatherCleaning {background:#fff url(../img/icons/small/leather.gif) no-repeat 2px 0px;}	

	/*** Instore Page ***/
		ul.instore {display:block; list-style:none; margin:0px; padding:0px;}
		ul.instore li {float:left; display:block; border:1px solid #a2a3a7; margin-bottom:10px;}
		ul.instore li ul {margin:0px; padding:5px 0px; width:210px; list-style:none;}
		ul.instore li ul li {display:block; width:190px; border:none; margin:0px; padding:5px 10px; text-transform:uppercase; font-weight:bold;}
		ul.instore li ul li a, ul.instore li ul li a:visited, ul.instore li ul li a:link
		{text-decoration:none;}		
		ul.instore li ul li a:hover {text-decoration:underline; color:#666;}
		
		/*** Instore Product Listing ***/
		.instorelisting {display:block; width:720px; margin:0px; padding:10px 0px; border-bottom:1px solid #b7b7b7;}
		.instorelisting img {float:left; width:137px; margin-right:10px;}
		.instorelisting .prodbox {float:left; width:573px; margin:0px;}
		
		.instorelisting .prodinfo {float:left; width:423px; margin-right:10px;}
			.instorelisting .prodinfo h2 {margin:0px;}
			.instorelisting .prodinfo p {margin:2px 0px;}
		.instorelisting .prodprice {float:left; width:140px; text-align:right;}
			.instorelisting .prodprice p {margin:2px 0px;}
		.instorelisting .prodmoreinfo {float:left; width:573px; padding-top:10px; font-size:11px; margin:0px; text-align:right;}

		/* Instore Product Inner Page */
		.instorelisting_page {display:block; width:720px; margin:0px; padding:10px 0px;}
		.instorelisting_page img {float:left; margin-right:20px;}
		
		
		.prodprice strong {font-size:16px;}
		.prodprice span {color:#f00;}
		.wasprice { text-decoration:line-through;}
		
		.buynow {
			float:left;
			color:#208dcd; 
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:none;
			padding:5px 70px 5px 0px;
			background:transparent url(../img/but_next.gif) no-repeat right 0px;
		}


	/*** Priority Club & Other Services Section */
		ul.linkbox {display:block; overflow:hidden; margin:0px; padding: 0px; width:953px; border:1px solid #a2a3a7; height:63px;}
		ul.linkbox li {display:block; float:left; width:238px; height:63px; margin:0px; margin-right:0px; background:transparent url(../img/bul_arrow.gif) no-repeat 210px 33px;}
		ul.linkbox li a, ul.linkbox li a:visited, ul.linkbox li a:link, ul.linkbox li a:hover 
		{display:block; text-decoration:none; color:#666; padding:3px 0px 3px 30px;}
		
		ul.linkbox li a strong, ul.linkbox li a span {display:block; padding:0px; margin:0px; cursor:hand;}
		ul.linkbox li a span {padding-right:20px;}
		ul.linkbox li a.noleftpadding {padding-left:0px;}
		ul.linkbox li a strong.others {display:block; padding:0px 10px 0px 83px; width:115px; height:59px; font-size:13px;}
		ul.linkbox li a strong.jfrs {display:block; padding:0px 10px 0px 63px; width:115px; height:59px; font-size:13px; letter-spacing:-1px;}
		ul.linkbox li a strong.pc {font-size:16px; color:#006633; font-family:"Trebuchet MS"; text-transform:uppercase;}		
		
		.bgrestoration {width:208px; height:63px; background:transparent url(../img/bg_restoration.gif) no-repeat 25px 0px;}
		.bgalterations {width:208px; height:63px; background:transparent url(../img/bg_alterations.gif) no-repeat 25px 0px;}
		.bgworkforus {width:208px; height:63px; background:transparent url(../img/bg_workforus.gif) no-repeat 25px 0px;}


	/*** Services Page */
	
		ul.linkbox_services {display:block; overflow:hidden; margin:0px; padding:0px; text-align:left;}
		ul.linkbox_services li {display:block; height:60px; margin:0px; padding:0px; }

		ul.linkbox_services li.info_priority {display:block; width:397px; border:1px solid #a2a3a7; cursor:hand; background-color:#0b5cab;}
		li.info_priority a, li.info_priority a:hover, li.info_priority a:visited {color:#4f5158; text-decoration:none;}
		li.info_priority a span {display:block; padding:10px 40px 4px 100px; margin:0px; font-weight:bold;}

		.service_textbox {
			margin:8px 0px; 
			padding-right:5px; 
			}

	/*** Priority Club Page */
		ul.linkbox_pc {float:left; display:block; overflow:hidden; margin:0px; padding:0px; }
		ul.linkbox_pc li {display:block; float:left; width:213px; height:338px; margin:0px; margin-right:0px; padding:5px 8px; line-height:12px; border:1px solid #a2a3a7; }
		ul.linkbox_pc li a strong {
			display:block; 
			padding:5px 0px; 
			margin:0px; 
			text-decoration:none; 
			cursor:hand; 
			height:20px;
			font-size:16px; color:#006633; font-family:"Trebuchet MS"; text-transform:uppercase;
			background:#fff url(../img/bul_arrow.gif) no-repeat right 0px;
		}

		ul.linkbox_pc li.bgRegister {background:transparent url(../img/bg_boxregister.jpg) no-repeat right bottom;}
		ul.linkbox_pc li.bgUpdate {background:transparent url(../img/bg_boxupdate.jpg) no-repeat right bottom; margin-left:10px;}		
		ul.linkbox_pc li.bgMembership {background:transparent url(../img/bg_boxmembership.jpg) no-repeat right bottom; margin-left:10px;}
		ul.linkbox_pc li.bgJoinnow {background:transparent url(../img/bg_boxjoinnow.jpg) no-repeat right bottom; margin-left:10px;}

		ul.linkbox_pc_footer {float:left; display:block; overflow:hidden; margin:0px; padding: 0px; border-top:10px solid #ffffff; margin-left:0px; }
		ul.linkbox_pc_footer li {display:block; float:left; margin:0px; margin-right:0px; padding:0px;}
		ul.linkbox_pc_footer li.bglocator 
			{ margin-left:10px; /*width:231px;*/ }
		
		ul.linkbox_pc_footer li a, ul.linkbox_pc_footer li a:visited, ul.linkbox_pc_footer li a:link 
			{ display:block; /*border:1px solid #a2a3a7;*/ color:#666; text-decoration:none; }
		ul.linkbox_pc_footer li a:hover {text-decoration:none;}
		ul.linkbox_pc_footer li a span {display:block; padding:10px 60px 27px 10px; margin:0px; cursor:hand;}


	/*** Evironment Page */
		ul.linkbox_environment {display:block; overflow:hidden; margin:0px; padding:0px;}
		ul.linkbox_environment li {display:block; float:left; width:235px; height:430px; margin:0px; padding:0px; line-height:12px; border:1px solid #a2a3a7; }
		ul.linkbox_environment li a strong{display:block; padding:0px; margin:0px; cursor:hand;}

		ul.linkbox_environment li.bgEnvRecycle {margin-left:10px;}
		ul.linkbox_environment li.bgEnvironment {margin-left:10px;}
		
		p.recycle_explain strong {display:block; float:left; width:100px;}

	/*** Promotions, News and Press Page */
		ul.listingbox {display:block; width:720px; list-style:none; margin:0px; padding:0px;}
		ul.listingbox li {display:block; width:720px; margin:0px 0px 8px 0px; padding:0px 0px 8px 0px; border-bottom:1px solid #b7b7b7;}
		ul.listingbox li ul {float:right; list-style:none; margin:0px; padding:10px 0px 0px 0px; font-size:10px;}
		ul.listingbox li ul li {float:left; display:inline; width:auto; margin:0px; padding:0px; border:none;}
		ul.listingbox li ul li span {padding:0px 10px;}

		ul.listingbox img { float:left; width:137px; margin-right:10px; }
		ul.listingbox p { float:left; width:573px; margin:0px; font-size:14px; font-size:100%; }
		ul.listingbox h2 { margin:0px; }

        /*\*/
        body:nth-of-type(1) p { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4f5158; }
        /**/

	/*** Promotions Page */
	.promo_textbox {
			margin:8px 0px; 
			padding-right:5px; 
	}
	.promo_left {float:left; width:137px; margin-left:13px;}
	.promo_right {float:left; width:560px; margin:0px; padding:0px 10px 0px 0px;}
		.promo_textbox ul {margin:7px 0px; padding:0px; list-style:none;}
		.promo_textbox ul li {height:auto; padding:2px 10px 5px 20px; border:none; background:transparent url(../img/bul_circle.gif) no-repeat 0px 2px;}


	/*** Search Result Page */
		ul.searchlistingbox {display:block; width:710px; list-style:none; margin:0px; padding:10px;}
		ul.searchlistingbox li {display:block; width:710px; margin:0px 0px 8px 0px; padding:0px 0px 8px 0px; border-bottom:1px solid #b7b7b7;}
		ul.searchlistingbox li ul {float:right; list-style:none; margin:0px; padding:10px 0px 0px 0px; font-size:10px;}
		ul.searchlistingbox li ul li {float:left; display:inline; width:auto; margin:0px; padding:0px; border:none;}
		ul.searchlistingbox li ul li span {padding:0px 10px;}

		ul.searchlistingbox p {float:left; margin:0px;}
		ul.searchlistingbox h2 {margin:0px;}


	/*** Banners Styling */
	div#mainbanner {margin:0px; padding:0px;}
	div#homebanners{padding:10px 0px;}
	div#botbanners {margin-left:10px; padding:10px 0px; border-top:8px solid #006633;}

	.banner_left 
		{ float:left; width:733px; }
	.banner_left.priority
		{ width:713px; }
	.banner_right 
		{ float:right; width:212px; border-left:8px solid #ffffff; }
	.banner_right.priority
		{ width:231px; }
	
/****************************/
/*** Footer Styling
/****************************/
div#footerwrap_home{
	/*position:absolute;*/
	float:left; clear:both;
	width:100%;
	height:203px;
	min-height:203px;
	bottom:0; /* stick to bottom */
}

div#footerwrap{
	/*position:absolute;*/
	width:100%;
	height:293px;
	min-height:293px;
	bottom:0; /* stick to bottom */
}

div#footer{
	width:100%;
	height:110px;
	font-size:10px;
	color:#ffffff;
	background:#006633 url(../img/bg_footer.gif) repeat-y 0px 0px;
}
	#footnav {padding:10px 20px; margin:0px;}
	#footnav ul {float:left; width:185px; margin:0px; padding:0px; list-style:none;}
	#footnav li {margin:0px; padding:0px; font-weight:bold;}
	#footnav ul a {color:#ffffff; text-decoration:none; font-weight:normal;}
	#footnav ul a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}