@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
* :focus {
	outline: 0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/inside-page-bg.jpg) 50% 0 no-repeat;
	font-size:12px;
}
body#home-page {
	background:url(images/banner.jpg) 50% 0 no-repeat;
}
.tableprice {
	color: #0487c9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/inside-page-bg.jpg) 50% 0 no-repeat;
	font-size:12px;
	text-align: left;
}

body#inside-page {
	background:url(images/inside-page-bg.jpg) 50% 0 no-repeat;
}
#container {
	width:980px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.logo {
	float:left;
}
/*----------------------H Tags----------------------------*/
h1.styled-title1, h1.styled-title2 {
	float:left;
	font-size:23px;
	color:#FFF;
	margin-bottom:20px;
	font-weight:bold;
}
h1.styled-title2 {
	margin-left:8px;
	font-weight:normal;
}
h1.styled-title1-inside, h1.styled-title2-inside {
	float:left;
	font-size:23px;
	color:#FFF;
	margin-top:30px;
	font-weight:bold;
}
h1.styled-title2-inside {
	margin-left:8px;
	font-weight:normal;
}
h2, h3 {
	color:#0487c9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
}
h4 {
	color:#0487c9;
	font-size:16px;
	margin-bottom:10px;
	font-weight:normal;
}
h4.grey-title {
	color:#282828;
	font-size:18px;
	font-weight:normal;
	margin:18px 0 10px 0;
	float:left;
}
h4.grey-title2 {
	color:#282828;
	font-size:17px;
	font-weight:normal;
	float:left;
	margin-left:90px;
}
h5 {
	color:#0487c9;
	font-size:14px;
	margin-bottom:5px;
}
h5.title-numbers {
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	float:left;
	margin-top:-5px;
}
#inside-header {
	height:135px;
	padding-top:35px;
}
/*----------------------Navigation----------------------------*/
#navigation {
	float:right;
	margin:60px 17px 0 0;
	position:relative;
	z-index:999;
}
#navigation li {
	float:left;
	list-style:none;
	position:relative;
}
#navigation li a {
	padding-bottom:38px;
}
#navigation li:hover ul {
	display:block;
}
#navigation li ul {
	
	background:none;
	position:absolute;
	top:57px;
	left:0;
	width:525px;
	background: #fff;
	display:none;
}
#navigation li ul li {
	border-bottom:1px solid #EFEFEF;
}
#navigation li ul li a {
	width:160px;
	background:none;
	text-indent:0;
	text-decoration:none;
	color:#282828;
	padding:10px 0 0 15px;
}
#navigation li ul li a:hover {
	color:#0487c9;

}
.home a {
	background:url(images/navigation/home.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:55px;
}
.home a:hover {
	background:url(images/navigation/home-over.gif) 0 0 no-repeat;
}
.products a {
	background:url(images/navigation/products.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:100px;
}
.products a:hover {
	background:url(images/navigation/products-over.gif) 0 0 no-repeat;
}
.links a {
	background:url(images/navigation/links.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:76px;
}
.links a:hover {
	background:url(images/navigation/links-over.gif) 0 0 no-repeat;
}
.news a {
	background:url(images/navigation/news.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:78px;
}
.news a:hover {
	background:url(images/navigation/news-over.gif) 0 0 no-repeat;
}
.faq a {
	background:url(images/navigation/faq.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:69px;
}
.faq a:hover {
	background:url(images/navigation/faq-over.gif) 0 0 no-repeat;
}
.colours a {
	background:url(images/navigation/colours.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:92px;
}
.colours a:hover {
	background:url(images/navigation/colours-over.gif) 0 0 no-repeat;
}
.contact a {
	background:url(images/navigation/contact-us.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9000px;
	height:32px;
	width:88px;
}
.contact a:hover {
	background:url(images/navigation/contact-us-over.gif) 0 0 no-repeat;
}
/*----------------------Slider----------------------------*/
#loopedSlider {
	width:980px;
	position:relative;
	z-index:0;
	top:-29px;
}
.slider-container {
	width:920px;
	height:307px;
	overflow:hidden;
	z-index:0;
	position:relative;
	margin-left:30px;
}
div.slides {
	position:absolute;
	top:0;
	left:0;
}
div.slides > div {
	position:absolute;
	top:0;
	width:920px;
	display:none;
	padding:0;
	margin:0;
}
.slider-content {
	float:right;
	margin:45px 40px 0 0;
	width:450px;
}
.slider-content span {
	float:left;
	margin-top:10px;
	color:#FFFFFF;
	clear:both;
	width:450px;
}
.loop-image {
	float:left;
}
.call-now-button {
	margin-top:20px;
	float:right;
}
.call-now-button a {
	background:url(images/call-button.png) 0 0 no-repeat;
	display:block;
	height:47px;
	width:462px;
	text-indent:-9000px;
}
.call-now-button a:hover {
	background-position:0 -47px;
}
.previous {
	background:url(images/previous.png) 0 0 no-repeat;
	display:block;
	height:36px;
	width:19px;
	text-indent:-9000px;
	position:absolute;
	left:0;
	top:145px;
}
.next {
	background:url(images/next.png) 0 0 no-repeat;
	display:block;
	height:36px;
	width:19px;
	text-indent:-9000px;
	position:absolute;
	right:0;
	top:145px;
}
/*----------------------Small Slider----------------------------*/
#loopedSlider-small {
	background:url(images/product-slider-background.gif) 0 0 no-repeat;
	width:650px;
	margin-top:20px;
	padding-bottom:80px;
	padding-top:15px;
	margin-bottom:20px;
}
.slider-container-small {
	width:600px;
	height:155px;
	overflow:hidden;
	padding-top:2px;
	position:relative;
	margin-left:30px;
}
div.slides-small {
	position:absolute;
	top:0;
	left:0;
}
div.slides-small img {
	float:left;
}
div.slides-small > div {
	position:absolute;
	top:0;
	width:600px;
	display:none;
	padding:0;
	margin:0;
}
.small-slider-content {
	float:left;
	padding-left:50px;
	width:350px;
}
#content-area .small-slider-content p {
	padding-bottom:10px
}
.read-more-button a {
	background:url(images/read-more-button.gif) 0 0 no-repeat;
	display:block;
	height:29px;
	width:124px;
	text-indent:-9000px;
}
ul.pagination {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	padding:5px 0 0 20px;
}
#content-area ul.pagination li {
	float:left;
	background:none;
}
ul.pagination li a img {
	padding:2px 4px;
	border:1px solid #CCCCCC;
}
ul.pagination li a img:hover {
	padding:2px 4px;
	border:1px solid #0099FF;
}
ul.pagination li.active a img {
	border:1px solid #0099FF;
}
/*----------------------------Sidebar ----------------------*/
#side-bar {
	width:285px;
	float:left;
	margin-top:20px;
	border-right:1px solid #CCCCCC;
}
#side-bar p {
	padding-bottom:15px;
}
#search {
	background:#f4f3f3;
	border:1px solid #cacaca;
	float:left;
	color: #282828;
	padding:8px 5px;
	height:17px;
	width:190px
}
#search-form {
	height:50px;
}
#submit-button {
	background: url(images/go-button.gif) 0 0 no-repeat;
	display:block;
	margin-left:10px;
	height:34px;
	width:37px;
	float:left;
	border:none;
	cursor:pointer;
}
#submit-button:hover {
	background-position:0 -34px;
}
#side-bar ul li {
	list-style:none;
	padding-bottom:7px;
}
#side-bar ul li a {
	text-decoration:none;
	color:#282828;
	font-size:12px;
}
#side-bar ul li a:hover {
	color:#0487c9;
}
#side-bar ul {
	margin-bottom:20px;
}
#side-bar ul li.blue {
	color:#0492d0;
}
.eco-button a {
	background: url(images/eco-button.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.map-button a {
	background: url(images/location-map.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.colour-button a {
	background: url(images/colour-guide.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.email-button a {
	background: url(images/email-newsletter.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.bestprice-button a {
	background: url(images/bestprice-button.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.testimonials-button a {
	background: url(images/testimonials-button1.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
.businesspartners-button a {
	background: url(images/businesspartners.jpg) 0 0 no-repeat;
	display:block;
	height:73px;
	width:248px;
	text-indent:-9000px;
}
/*----------------------------Content area ----------------------*/
#content-area {
	width:670px;
	float:left;
	margin-top:20px;
	padding-left:20px;
}
#content-area p {
	padding-bottom:18px;
	line-height:17px;
	text-align: left;
	color: #000;
}
#content-area ul {
	float:left;
	margin-right:20px;
}
#content-area ul li {
	list-style:none;
	background:url(images/bullet.gif) 0 5px no-repeat;
	padding:0 0 10px 20px;
	color:#282828;
}
.image-left {
	float:left;
	margin:0 20px 20px 0;
	border:3px solid #CCCCCC;
}
.bottom-section1, .bottom-section2, .bottom-section3, .bottom-section4 {
	height:205px;
	width:330px;
	float:left;
}
.sections-content {
	width:180px;
	float:left;
	margin-top:10px;
	padding:0;
}
.bottom-section4, .bottom-section2 {
	padding-left:30px;
	width:300px;
}
.bottom-section1 img, .bottom-section2 img, .bottom-section3 img, .bottom-section4 img {
	float:left;
}
.bottom-section1 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.bottom-section3 {
	border-right:1px solid #CCCCCC;
}
.bottom-section2 {
	border-bottom:1px solid #CCCCCC;
}
.bottom-link-icons {
	float:right;
	margin-top:40px;
	width:650px;
}
body .bottom-link-icons a{
	text-decoration:none;
	

}
body .bottom-link-icons a h4.grey-title2:hover{
color:#0487c9;



}
#content-area .process-icon, #content-area .artwork-icon, #content-area .faq-icon {
	padding:30px 0;
	height:100px;
	float:left;
	list-style:none;
	padding-right:30px;
}
#content-area .process-icon {
	background:url(images/the-process-icon.gif) 0 0 no-repeat;
}
#content-area .artwork-icon {
	background:url(images/artwork-icon.gif) 0 0 no-repeat;
}
#content-area .faq-icon {
	background:url(images/faq-icon.gif) 0 0 no-repeat;
}
/*----------------------------Products ----------------------*/
.products-section {
	width:330px;
	height:125px;
	margin:10px 5px 30px 0;
	float:left;
}
.products-section img {
	float:left;
	border:1px solid #CCCCCC;
}
.product-content {
	float:left;
	width:160px;
	height:122px;
	padding-left:20px;
	position:relative;
}
#content-area .product-content p {
	padding-bottom:5px;
	font-size:11px;
}
.view-product-button a {
	background: url(images/products/whats-hot/view-product.gif) 0 0 no-repeat;
	display:block;
	height:29px;
	width:124px;
	text-indent:-9000px;
	position:absolute;
	bottom:0;
}
.product-page {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
}
.product-page img {
	border:1px solid #CCCCCC;
	float:left;
	margin-right:30px;
}
.product-details {
	float:left;
	width:500px;
	font-size: 12px;
}
.order-information {
	margin-top:20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.product-details-table td {
	padding:5px;
}
.product-buttons {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-top:20px;
	padding:10px 0;
}
#content-area .enquire-button, #content-area .print-button, #content-area .send-to-friend-button {
	float:left;
	margin:0;
	padding:0 25px 0 0;
}
.enquire-button a {
	display:block;
	background:url(images/enquire-now-button.gif) 0 0 no-repeat;
	height:39px;
	width:197px;
}
.enquire-button a:hover {
	background-position: 0 -39px;
}
.print-button a {
	display:block;
	background:url(images/print-this-page-button.gif) 0 0 no-repeat;
	height:39px;
	width:197px;
}
.print-button a:hover {
	background-position: 0 -39px;
}
.send-to-friend-button a {
	display:block;
	background:url(images/send-to-a-friend-button.gif) 0 0 no-repeat;
	height:39px;
	width:197px;
}
.send-to-friend-button a:hover {
	background-position: 0 -39px;
}
#content-area .product-text1 {
	text-align:center;
	color:#0487c9;
	margin-top:20px;
}
#content-area .product-text1 a {
	color:#0487c9;
}
#content-area .product-text2 {
	color:#666666;
	font-size:11px;
	text-align:center;
}
/*----------------------------Footer ----------------------*/
#footer {
	border-top:1px solid #1ba8dc;
	margin-top:20px;
}
.footer-contents {
	width:960px;
	margin:0 auto;
	padding-top:20px;
}
.footer-contents p {
	float:right;
	color:#282828;
}
.footer-contents a {
	color:#282828;
}
.product-details table {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
}
table tbody tr td .tableprice strong {
	text-align: left;
}
table tr td .tableprice strong {
	text-align: left;
}
.question {
font-size:12px;
padding:10px;
margin-left:1px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background-color:#CCCCCC;
}
.answer {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
border-top:0px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
.faqwrap {
width:600px;
overflow:hidden;
}