/**************************************************************************
	Style Sheet for Master Template
**************************************************************************/	
/************** Elements ********************/

BODY {
	padding: 0;
	margin: 0;
	background: #86AA90;
	font-family: Arial, Helvetica, sans-serif;
}
*     { padding: 0; margin: 0; }

form  { padding: 0; margin: 0; }

a	  {
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:hover { 
	color: #008457;
	text-decoration: none;
}


/*********** Master Layout *****************/
#masterTemplateContainer {
	padding: 0;
	margin: 0 auto;
	width: 975px;
}
	
	#masterTemplateContainer .siteContent {
		width: 975px;
		float: left;
		padding: 0;
		background: url(/images/bg-centre-page.jpg) repeat-y center top;	
 	}
	.main-bg-bot {
		width: 931px;
		float: left;
		padding: 0 24px 25px 20px;
		background: url(/images/bg-footer-page.jpg) no-repeat center bottom;	
	}
/*********** HEADER  ***********/
.header {
	width: 931px;
	float: left;
	margin: 0 0 30px 0;
	background: url(/images/bg-border-bot.jpg) right bottom no-repeat;
}
.logo-main {
	width: 314px;
	float: left;
}
.call-us {
	width: 229px;
	float: left;
	height: 70px;
	padding: 33px 0 0 20px;
	background: url(/images/bg-border-left.jpg) no-repeat left bottom;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	line-height: 18px;
}
.find-a-store {
	width: 163px;
	float: left;
	background: url(/images/bg-border-left.jpg) no-repeat left bottom;	
	height: 70px;
	padding: 33px 0 0 20px;	
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;	
	line-height: 18px;
}
.search-site {
	width: 185px;
	text-align: right;
	float: left;
	padding: 35px 0 0 0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
}
	.quicksearch .text {
		width: 127px;
		float: left;
		margin: 5px 0px 0 0;
		background: url(/images/bg-keyword.jpg) no-repeat left top;
		height: 26px;
		border: none;
		padding: 5px 5px 0 2px;
		color: #FFFFFF;
		font-size: 12px;
	}
	.quicksearch .submit {
		margin: 5px 0 0 0;
		width: 51px;
		float: left;
		background: url(/images/bg-search.jpg) no-repeat left top;
		height: 26px;
		border: 0;
		cursor: pointer;
		font-size: 11px;
		text-transform: uppercase;
		color: #000000;
	}

/******* Main Menu  *******/
/******* Main Menu Row *******/
#globalMenu {
	width: 925px;
	float: left;
	height: 43px;
	padding: 0px 0 0 0;
	margin: 0 0 12px 6px;
	/*background: url(/images/bg-border-bot.jpg) right bottom no-repeat;*/
	border-bottom:1px solid #dedede;
}
#globalMenu ul {
	width: 785px;
	list-style: none;
	float: left;
	list-style:none;
	padding-left:0px;
}
	#globalMenu ul li {
		list-style: none;
		padding: 0 0px 0 0px;
		display: inline;
	}

	#globalMenu ul li a{
		height: 30px;
		font-size: 12px;	
		font-weight: bold;	
	}

.m-menu a, .mm-border a {
	color: #000000;	
	text-transform: uppercase;
	float: left;
	padding: 12px 15px 0 15px;	
}
.m-menu a:hover, .mm-border a:hover {
	color: #FFFFFF;
	/*background: url(/images/bg-mm-over.jpg) repeat-x left top;*/
	background:#430a59;
}
.m-menua a, .mm-bordera a {
	color: #000000;	
	text-transform: uppercase;
	float: left;
	padding: 12px 15px 0 15px;	
	color: #FFFFFF;
	/*background: url(/images/bg-mm-over.jpg) repeat-x left top;*/
	background:#430a59;
}
.mm-border, .mm-home {
	float: left;
	/*background: url(/images/bg-border-rgt.jpg) no-repeat right top;*/
	border-right:1px solid #dedede;
}
	.mm-home a {
		color: #000000;	
		text-transform: uppercase;
		float: left;
		width: 86px;
		padding: 12px 0px 0 20px;
		text-align: center;
		background: #fff url(/images/menu-home.gif) no-repeat 5px center;
	}
		.mm-home a:hover {
			color: #FFFFFF;
			/*background: #430a59 url(/images/bg-home-over.jpg) no-repeat 5px top;*/
			background: #420a58 url(/images/menu-home-on.gif) no-repeat 5px center;
		}
	.mm-homea a {
		text-transform: uppercase;
		float: left;
		width: 96px;
		padding: 12px 0px 0 15px;
		text-align: center;
		color: #FFFFFF;
		/*background: #430a59 url(/images/bg-home-over.jpg) no-repeat 5px top;*/
		background: #420a58 url(/images/menu-home-on.gif) no-repeat 5px center;
		
	}
.mm-contactus,
.mm-contactusa {
	width: 131px;
	float: right;
	padding: 0 0 0 0px;
}
	.mm-contactus a,
	.mm-contactusa a {
		color: #000000;	
		text-transform: uppercase;
		height: 30px;
		display:block;
		float: right;
		font-size: 12px;	
		font-weight: bold;	
		padding: 12px 15px 0 35px;	
		background:#fff url(/images/menu-contact.gif) no-repeat 12px center;
	}
	.mm-contactus a:hover {
		color: #FFFFFF;
		background-color:#420a58;
	}
	.mm-contactusa a {
		color: #FFFFFF;
		background-color:#420a58;
	}

/*#globalMenu {
	width: 931px;
	float: left;
	height: 43px;
	padding: 0px 0 0 0;
	margin: 0 0 12px 0;
}
#globalMenu UL { 
	list-style: none;
}
#globalMenu UL LI { 
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
} */
.flash-area {
	width: 931px;
	float: left;
}

/*********** Home Page Content   *************/
.home-icons {
	width: 931px;
	float: left;
	padding: 13px 0 20px 0;
	background: url(/images/bg-border-bot.jpg) no-repeat right bottom;
}
.inner-icons {
	width: 931px;
	float: left;
	padding: 13px 0 0px 0;
}
.home-icons ul, .inner-icons ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
.home-icons ul li, .inner-icons ul li  {
	list-style: none;
	display: inline;
}

.icon-img {
 	display: inline;
	width: 931px;
}
.home-img {
	padding: 0 8px 0 0;
}
.home-content {
	width: 931px;
	float: left;
	padding: 18px 0 25px 0;
	background: url(/images/bg-border-bot.jpg) no-repeat right bottom;	
}
.andersens-wc {
	padding: 0 35px 0 0px;
	margin: 0;
	width: 689px;
	float: left;
	color: #5C5C5C;
	line-height: 18px;
	font-size: 12px;
}
.home-content h1 {
	padding: 0 0 10px 0;
	margin: 0;
	color: #85166A;
	font-size: 14px;
}
.andersens-wc-txt {
	padding: 0px;
	margin: 0;
	width: 440px;
	float: left;
}
.andersens-wc img {
	padding: 0 20px 0 0;
}
.home-moreinfo {
	width: 207px;
	float: left;
	color: #5C5C5C;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
.home-moreinfo span {
	color: #000000; 
}/******** FOOTER  ******/
.footer-main {
	width: 931px;
	float: left;
	padding: 25px 0 20px 0;
}
	.footer-main h2 {
		padding:0 0 10px 0;
		margin: 0;
		color: #FCB73B;
		font-size: 13px;
	}
		.footer-main h2 a {
			padding:0 0 10px 0;
			margin: 0;
			color: #FCB73B;
			font-size: 13px;
			font-weight:bold;
		}
	.footer-main ul {
		padding:0;
		margin: 0;
		color: #FFFFFF;
		font-size: 10px;
		list-style: none;
	}
		.footer-main ul li {
			list-style: none;
			padding: 0;
			margin: 0;
			line-height: 13px;
		}
		.footer-main ul li a {
			color: #FFFFFF;
			text-decoration: none;
		}
		.footer-main ul li a:hover {
			color: #FCB73B;
			text-decoration: none;
		}
		
.ft-about {
	width: 135px;
	float: left;
	padding: 0 0 0 20px;
}
.ft-andersens {
	width: 147px;
	float: left;
}
.ft-ourproducts {
	width: 138px;
	float: left;
}
.ft-floorcare {
	width: 150px;
	float: left;
}
.ft-carpetcare {
	width: 164px;
	float: left;
}
.ft-contactus {
	width: 175px;
	float: left;
}
.ft-copyright {
	float: left;
	width: 975px;
	padding: 15px 0 30px;
	/*background: url(/images/bg-border-bot.jpg) no-repeat left top;*/
	border-top:1px solid #d9d9d9;
	color: #FFFFFF;
	font-size: 10px;
}
	.ft-copyright h2 {
		padding:0 0 3px 0;
		margin: 0;
		color: #FCB73B;
		font-size: 13px;
		font-weight:bold;
		letter-spacing:0px;
	}
	.ft-copyright h2 a {
		padding:0 0 3px 0;
		margin: 0;
		color: #FCB73B;
		font-size: 13px;
	}
	
	.ft-copyright a {
		color: #FFFFFF;
		text-decoration: none;
	}
	.ft-copyright a:hover {
		color: #FCB73B;
		text-decoration: none;
	}
	.ft-copyrightl {
		width: 600px;
		float: left;
	}
	.ft-copyrightr {
		width: 250px;
		float: right;
		padding: 7px 25px 6px 0;
		text-align: right;
		background:url('/images/bg-footer-right.gif') right center no-repeat;
	}
	.ft-copyright ul {
		list-style: none;
		display: inline;
	}
		.ft-copyright ul li {
			list-style: none;
			display: inline;
			padding: 0 3px 0 0;
		}
		.ft-copyright ul li a {
			color: #FFFFFF;
			padding: 0 3px 0 0;
			text-decoration: none;
		}
	
	.ft-copyrightmenu  a {
		list-style: none;
		display: inline;
		padding: 0 3px 0 0;
		color: #FFFFFF;
		padding: 0 3px 0 0;
		text-decoration: none;
	}
 

/******  Innter Page Content  *******/
.content-inner {
	width: 931px;
	float: left;
	background: url(/images/bg-left-inner.jpg) repeat-y top left;
}
.left-menu-bot {
	width: 931px;
	float: left;
	padding: 0 0 50px 0;
	background: url(/images/bg-left-bot.jpg) no-repeat bottom left;
}
.ci-left {
	width: 231px;
	float: left;
	padding: 20px 0 0 0;
	background: url(/images/bg-left-top.jpg) no-repeat left top;
}
.ci-left ul {
	width: 223px;
	float: left;
	list-style: none;
	padding: 0 0 25px 0;
}
	.ci-left ul li {
		width: 223px;
		float: left;
		list-style: none;
		background: url(/images/bg-lmenu-list.jpg) no-repeat left bottom;
	}
		.ci-left ul li a {
			width: 183px;
			float: left;
			padding: 8px 0 7px 41px;
			color: #5B5B5B;
			font-weight: bold;
			font-size: 11px;
			font-family: Tahoma, Arial, Verdana;
			text-decoration: none;
			background: url(/images/bg-list-arrow.gif) no-repeat left top;
		}
		.ci-left ul li a:hover,  .ci-left ul li.active a {
			color: #5B5B5B;
			background: url(/images/bg-menu-over.gif) no-repeat left top;
		}
.ci-left-txt {
	width: 180px;
	float: left;
	padding: 0 30px 0 20px;
	color: #5C5C5C;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	line-height: 15px;
}
.ci-left-txt h2 {
	padding: 0 0 15px 0;
	margin: 0;
	color: #85166A;
	font-size: 14px;	
}
.ci-left-txt h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #5C5C5C;
}
.ci-right {
	width: 700px;
	float: left;
}
.cir-mainimg {
	width: 700px;
	float: left;
	padding: 0 0 25px 0;
}
.colour-expert {
	padding: 0 0 0 12px;
	float: left;
	width: 660px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #6E6E6E;	
}
.colour-expert-title {
	padding: 0 0 15px 0px;
	float: left;
	width: 660px;
}
.colour-expert-head {
	padding: 0 0 0px 0px;
	float: left;
	width: 500px;
}
.colour-expert h1 {
	padding: 0 0 0px 0;
	margin: 0;
	color: #008457;	
	font-size: 25px;
	width: 500px;
	float: left;	
}
.print-page {
	width: 120px;
	float: left;
	text-align: right;
	background: url(/images/print-page.jpg) no-repeat right bottom;
	color: #454545;
	padding: 10px 20px 0 0;
	font-size: 10px;
}
.print-page a {
	text-decoration: underline;
	color: #454545;
}
.print-page a:hover {
	text-decoration: none;
	color: #008457;
}
.colour-expert h2 {
	padding: 0 0 25px 0;
	margin: 0;
	color: #474747;	
	font-size: 24px;
	line-height: 20px;
	width: 635px;
	float:none;
}
.colour-expert h3 {
	padding: 0 0 20px 0;
	margin: 0;
	color: #6E6E6E;	
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	width: 640px;
	/*float: left;	*/
}
.colour-expert h4 {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #363636;
	line-height: 18px;
	width: 660px;
	float: left;	
}
.colour-expert h4 span {
	color: #008457;
}	

#globalMenu ul li.menuItem_119{
 display:none;
}
/*------------------- homepage fader --------------*/
#hero-slider { position: relative; width: 931px; height: 327px; overflow: hidden; }
#hero-items {float: left; width: 931px; height: 327px; overflow: hidden;}
#hero-slider .items .inner {position: absolute;top: 0px;left: 0px;z-index: 0;}
#hero-slider .items .inner .item {width: 931px;height: 327px;float: left;display: inline;}	

#slider-counter { display: block; position: absolute; z-index: 1; bottom: 5px; left: 15px; _bottom: 20px; _left: 20px; }
#slider-counter ul { list-style: none; margin: 0px; padding: 0px; }
	#slider-counter ul li { float: left;  _background-color: red; _background-image: none; margin-right: 3px; }
	#slider-counter ul li a { display: block; padding-left: 7px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px; color: #878988; font-size: 10px; text-decoration: none; }


#latest-catalogue #hero-slider { position: relative; width: 680px !important; height: 818px !important; overflow: hidden; }
#latest-catalogue #hero-items {float: left; width: 680px  !important; height: 818px !important; overflow: hidden;}
#latest-catalogue #hero-slider .items .inner .item {width: 680px !important;height: 818px !important;float: left;display: inline;}	

#catalogue-container #slider-counter { display: block; position: relative !important; z-index: 1; left: 0px !important; margin-top: 5px; margin-bottom: 0px; clear: both; height: 25px;}
#catalogue-container #slider-counter ul { list-style: none; margin: 0px; padding: 0px; }
	#catalogue-container #slider-counter ul li { float: left;  _background-color: red; _background-image: none; margin-right: 3px; }
	#catalogue-container #slider-counter ul li a { display: block; padding-left: 7px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px; color: #878988; font-size: 10px; text-decoration: none; }			



ul.counter li { width: 26px; height: 18px; background: url(/images/btn-hero-off.png) no-repeat top left; }
ul.counter li.on { width: 26px; height: 18px; background: url(/images/btn-hero-on.png) no-repeat top left; }
	
