@charset "UTF-8";/********** Body Styles */* {	margin: 0;	padding: 0;}img {	border: 0;}body  {	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;	background: #FFFFFF url(../websiteSpecific/Stable_Mats/bg_grass1.jpg) repeat left top;	margin: 0;	padding: 0;	text-align: center;	color: #000000;}H1 {	font-size:1.4em;	margin-bottom: 10px;}H2 {	font-size:1.2em;	margin-bottom: 10px;}H3 {	font-size:1em;}a {		/* Style for text links sitewide */	text-decoration: none;	color: #333333;}a:visited {	text-decoration: none;	color: #669900;}a:hover {	text-decoration: underline;	color: #3399CC;}a:active {	text-decoration: underline;	color: #669900;}p {	font-size: 1em;}/********** Form */.form_object {	color: #000;	font-size: 1.2em;}.form table {}.form td {	padding: 4px;}.form input {}/********** Text / Link Styles */.basket_summ {	color: #0099CC;}.form_note {	color: #000;	padding: 2px 5px 2px 4px;	background-color: #FFFF99;	display: inline;	position: relative;}.form_error {	color: #FFFFFF;	padding: 2px 5px 2px 4px;	background-color: #CC3300;	display: inline;	position: relative;}.stock_in {	color: #60BC2D;	font-weight: bold;}.stock_out {	color: #CC3300;	font-weight: bold;}/********** Layout Styles */.wrapper {	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	width: 980px;	clear: none;	float: none;	background-color: #FFFFFF;	padding: 0px 10px 5px;	height: auto;	text-align: left;	line-height: 1.4em;}.clear {		/* Clears content from the end of the container */	width: 100%;	height: 0px;	clear: both;}.left {	float: left;	text-align: left;}.right {	float: right;	text-align: left;}.header {	position: relative;	width: 980px;	height: 150px;	margin-bottom: 0px;	background-image: url(../websiteSpecific/Stable_Mats/header_img.jpg);	background-position: left top;}.header #logo {	position: absolute;	height: 150px;	width: 326px;	left: 0px;	top: 0px;	position: relative;}.header #tag {	position: absolute;	height: 32px;	width: 980px;	left: 0px;	top: 0px;	text-align: center;	font-size: 1.4em;	line-height: 1.4em;	font-weight: normal;}.header #sign-in {	position: absolute;	width: 980px;	left: 0px;	text-align: center;	bottom: -3px;	color: #0099CC;}.header #contact {	position: absolute;	width: 980px;	left: 0px;	top: 0px;	text-align: right;}.header #contact #phone {	font-size: 1.4em;	line-height: 1.4em;	font-weight: normal;}.header #contact #times {	font-size: 1.1em;	line-height: 1.1em;	font-weight: normal;}.header #links {	position: absolute;	left: 0px;	text-align: right;	width: 980px;	bottom: -3px;}.pre_footer {	width: 968px;	float: left;	padding: 8px 0px 10px 10px;	font-size: 1.2em;	font-weight: bold;	text-align: center;	border-top: 1px solid #EEEEEE;	border-right: 1px solid #EEEEEE;	border-left: 1px solid #EEEEEE;	color: #0099CC;}.footer {	width: 970px;	float: left;	padding: 8px 0px 10px 10px;	background-color: #CCCCCC;	background-image: url(../websiteSpecific/Stable_Mats/bg_footer.jpg);	background-repeat: repeat-x;	background-position: left top;}.footer a {   /* Style for footer text links */	color: #FFFFFF;}.footer a:visited {	color: #FFFFFF;}.footer a:hover {	color: #FFFFFF;}.footer a:active {	color: #FFFFFF;}.footer_column {	text-align: left;	float: left;	width: 184px;	margin-right: 10px;}.copyright {		/* Copyright line below the footer */	text-align: left;	float: left;	width: 980px;	padding-top: 5px;	margin-bottom: 5px;}.search_bar {	width: 980px;	clear: both;	background-image: url(../websiteSpecific/Stable_Mats/header_img.jpg);	background-repeat: no-repeat;	background-position: left bottom;	background-color: #CCCCCC;	height: 40px;	position:relative;}.search_box {	width: 416px;	text-align: left;	padding: 9px 10px 10px;	position:absolute;}.basket_box {	width: 536px;	text-align: right;	padding: 9px 10px 10px;	position:absolute;	right:0px;}.sub_header {	width: 980px;	float: left;	margin: 0px;	padding: 5px 0px;}.breadcrumb_left {		/* Holds the breadcrumb trail */	width: 490px;	float: left;	margin: 0px;	padding: 0px;}.breadcrumb_right {	width: 490px;	float: right;	margin: 0px;	padding: 0px;	text-align: right;}.content {	width: 980px;	float: left;	margin: 0px 0px 10px;	padding: 0px;}.content_left {	float: left;	width: 200px;	margin-right: 10px;	height: auto;	margin-top: -10px;}.content_mid {	float: left;	width: 560px;	margin-right: 10px;	height: auto;}.content_wide {	float: left;	width: 770px;	height: auto;}.content_wide ul {	margin-left: 30px;}.content_right {	float: right;	width: 200px;	height: auto;}.content_right_column_200 {	background-color: #CCCCCC;	width: 200px;	height: auto;	margin-bottom: 10px;}.email_signup {	width: 188px;	height: 270px;	padding: 20px 6px 6px;	margin-bottom: 10px;	background-image: url(../websiteSpecific/Stable_Mats/bg_email_champ.jpg);	text-decoration: none;}.email_signup .title {	font-size: 1.2em;	font-weight: bold;	color: #FFFFFF;	display: none;}.email_signup .body {	font-size: 1em;	font-weight: normal;	color: #003366;	font-style: italic;	display: none;}.section {	float: left;	width: 748px;	height: auto;	margin-bottom: 10px;	padding: 10px;	clear: both;	border: 1px solid #CCCCCC;}.section_header {	float: left;	width: 540px;	height: 32px;	font-weight: bold;	color: #000000;	padding-right: 10px;	padding-left: 10px;	padding-top: 0px;	padding-bottom: 0px;	line-height: 32px;	background-image: url(../websiteSpecific/Stable_Mats/section_header.jpg);	background-repeat: repeat-x;	background-position: left top;	font-size: 1.2em;}.section_content {	float: left;	width: 538px;	height: auto;	margin-bottom: 10px;	border-right: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;	padding: 10px;}.section_header_780 {	float: left;	width: 750px;	height: 32px;	font-weight: bold;	color: #000000;	padding-right: 10px;	padding-left: 10px;	padding-top: 0px;	padding-bottom: 0px;	line-height: 32px;	background-image: url(../websiteSpecific/Stable_Mats/section_header.jpg);	background-repeat: repeat-x;	background-position: left top;	font-size: 1.2em;}.section_content_780 {	float: left;	width: 748px;	height: auto;	margin-bottom: 10px;	border-right: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;	padding: 10px;}.index_highlight {	float: left;	width: 560px;}.index_highlight_text {	float: left;	width: 410px;	margin-bottom: 10px;	margin-top: 10px;	margin-right: 10px;}.index_highlight_right {	float: left;	width: 140px;	margin-bottom: 10px;}.index_highlight_left {	float: left;	width: 410px;	margin-bottom: 10px;}.index_highlight_feature {	float: right;	width: 560px;}.index_intro {	float: left;	width: 560px;	height: auto;	padding-bottom: 10px;}.index_intro #leftcol {	width: 410px;	float: left;}.index_intro #rightcol {	width: 140px;	float: left;}.index_intro #rightcol ul {	list-style-type: none;}.table_header {	height: auto;	width: 100%;	float: left;	margin-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;}.table_content {	height: auto;	width: 100%;	float: left;	margin-bottom: 10px;}.nav_header {	height: auto;	width: 754px;	float: left;	padding: 5px 7px;	border: 1px solid #CCCCCC;	font-size: 1.1em;	margin-bottom: 10px;}/********** Category Styles */.category_header {	height: auto;	width: 754px;	float: left;	padding: 5px 7px;	border: 1px solid #CCCCCC;	font-size: 1.1em;}.category_content {	height: auto;	width: 748px;	float: left;	padding: 10px;	border-right: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	margin-bottom: 10px;}.product_lrg {	float: left;	width: 373px;	height: 348px;}.product_sml {	float: left;	width: 187px;	height: 174px;}.category_content .name {	font-weight: bold;	font-size: 1.1em;}.category_content .price {	font-weight: bold;}/********** Images */.image_lrg {	height: 300px;	width: 300px;	margin-right: auto;	margin-left: auto;	margin-bottom: 3px;}.image_sml {	height: 129px;	width: 129px;	margin-right: auto;	margin-left: auto;	margin-bottom: 3px;}/********** Product Styles */.product {	width: 770px;	margin-bottom: 20px;	float: left;}.product #leftcol {	float: left;	width: 340px;	height: auto;	padding-right: 10px;	margin: 0px;}.product #rightcol {	float: right;	width: 380px;	height: auto;	margin: 0px;}.product #image_lrg {	height: 330px;	width: 330px;	margin-bottom: 10px;	float: left;}.product #image_sml {	height: auto;	width: 75px;	float: left;	margin-right: 10px;	margin-bottom: 10px;}.product_price {	font-size: 1.2em;	font-weight: bold;	color: #000000;}.product_reduc {	font-size: 1.2em;	font-weight: bold;	color: #000000;	text-decoration: line-through;}.product_sale {	font-size: 1.2em;	font-weight: bold;	color: #CC3300;}/********** Basket */.basket {	width: 100%;	margin-bottom: 20px;	float: left;}.basket #footer {	height: auto;	width: 100%;	float: left;	margin-bottom: 5px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;	padding-top: 10px;}.basket #footer #leftcol {	width: 375px;	float: left;}.basket #footer #rightcol {	width: 313px;	float: right;	text-align: right;	padding-right: 62px;}/********** Checkout */.checkout {	width: 100%;	margin-bottom: 20px;}.checkout #leftcol {	float: left;	width: 375px;	height: auto;	padding-right: 10px;	margin-bottom: 10px;}.checkout #rightcol {	float: right;	width: 385px;	height: auto;	margin-bottom: 10px;}.checkout .sign-in {	height: 200px;	width: 230px;	float: left;	margin-right: 10px;	padding: 10px;	background-image: url(../websiteSpecific/Stable_Mats/checkout1.jpg);}.checkout .register {	height: 200px;	width: 230px;	float: left;	margin-right: 10px;	padding: 10px;	background-image: url(../websiteSpecific/Stable_Mats/checkout1.jpg);}.checkout .express {	height: 200px;	width: 230px;	float: left;	padding: 10px;	background-image: url(../websiteSpecific/Stable_Mats/checkout1.jpg);}ul.checkout_progress {	position: relative;	display: block;	width: 770px;	height: 32px;	padding: 0;	margin: 0px 0px 10px;}ul.checkout_progress li {margin: 0; padding: 0; display: inline;}ul.checkout_progress li span {position: absolute; left: -9999px;}ul.checkout_progress#step1 {	background: url(../websiteSpecific/Stable_Mats/checkout_progress-1.jpg) no-repeat left;}ul.checkout_progress#step2 {	background: url(../websiteSpecific/Stable_Mats/checkout_progress-2.jpg) no-repeat left;}ul.checkout_progress#step3 {	background: url(../websiteSpecific/Stable_Mats/checkout_progress-3.jpg) no-repeat left;}ul.checkout_progress#step4 {	background: url(../websiteSpecific/Stable_Mats/checkout_progress-4.jpg) no-repeat left;}/********** My Account Styles */.my_acc {	width: 100%;	margin-bottom: 20px;	float: left;}.my_acc #leftcol {	width: 385px;	float: left;}.my_acc #rightcol {	width: 255px;	float: left;	padding-top: 24px;}.my_acc .address_top {	width: 230px;	float: left;	margin: 0px 10px 10px 0px;	padding: 0px;	background-image: url(../websiteSpecific/Stable_Mats/address_top.jpg);	background-repeat: no-repeat;	background-position: left top;	background-color: #EEEEEE;}.my_acc .address_bot {	width: 100%;	float: left;	margin: 0px 10px 0px 0px;	padding: 5px;	background-image: url(../websiteSpecific/Stable_Mats/address_bot.jpg);	background-repeat: no-repeat;	background-position: left bottom;}/********** Cross Sell */.crosssell {	width: 100%;	float: left;}.crosssell .wrap {	height: auto;	width: 750px;	padding: 10px;	border-top-width: 1px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #999999;	border-bottom-color: #999999;	margin-bottom: 10px;	float: left;}.crosssell .image_sml {	height: 129px;	width: 129px;	margin-right: 10px;	float: left;}.crosssell .name {	font-weight: bold;	font-size: 1.1em;}.crosssell .price {	font-weight: bold;}.bestseller {	height: auto;	width: 269px;	float: left;}.bestseller .image {	height: 175px;	width: 175px;	margin-bottom: 2px;}.bestseller .name {	font-size: 1.1em;	font-weight: bold;}.bestseller .price {	font-weight: bold;}/********** Buttons / Rollovers */.logo_rollover a {	display:block;	width: 300px;	background: url(../websiteSpecific/Stable_Mats/shop_logo.gif) no-repeat left top;	height: 150px;}.logo_rollover a:hover {	background: url(../websiteSpecific/Stable_Mats/shop_logo_roll.gif) no-repeat left top;}.remove_item a, .remove_item a:visited {	display:block;	width: 20px;	background: url(../websiteSpecific/Stable_Mats/remove.jpg) no-repeat left top;	height: 20px;	margin-right: auto;	margin-left: auto;}.remove_item a:hover {	background: url(../websiteSpecific/Stable_Mats/remove_roll.jpg) no-repeat left top;}input.button {	font-size: 1.1em;	height: 22px;	background-color: #CCCCCC;	background-image: url(../websiteSpecific/Stable_Mats/bg_button.jpg);	background-repeat: repeat-x;	background-position: left top;	padding-right: 0.75em;	padding-left: 0.75em;	cursor: pointer;	border: 1px solid #FFFFFF;	margin: 0px;	padding-top: 0px;	padding-bottom: 0px;}input.button:hover {	background-image: url(../websiteSpecific/Stable_Mats/bg_button.jpg);	background-repeat: repeat-x;	background-position: left -22px;}input.textbutton {	font-size: 1em;	cursor: pointer;	margin: 0px;	padding: 0px;	background-color: #FFFFFF;	border-top-width: 0px;	border-right-width: 0px;	border-bottom-width: 0px;	border-left-width: 0px;	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;	color: #0000FF;}input.textbutton:hover {	color: #FF0000;	text-decoration: underline;}input.button.addToBasket {	font-weight:bold;	color: #333333;	background-image: url(../websiteSpecific/Stable_Mats/button_addtobasket.jpg);	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;	height: 40px;	width: 100px;	background-position: 0px 0px;}input.button.addToBasket:hover {	font-weight:bold;	color: #FFFFFF;	background-image: url(../websiteSpecific/Stable_Mats/button_addtobasket_over.jpg);	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;	height: 40px;	width: 100px;	background-position: 0px 0px;}/********** Tabs */@media projection, screen {.ui-tabs-hide {	display: none;}}ul.tabs {	margin: 0px;	padding: 0px;	list-style-type: none;}li.tabs {	color: #CC3300;	padding: 5px;	list-style-type: none;	display: inline-block;	margin-right: 5px;	float: left;	width: auto;	border: 1px solid #999999;}.tab_content {	padding: 5px;	float: left;	width: 328px;	border: 1px solid #999999;	margin-top: -1px;}/********** Accordian Menu */ul.menu, ul.menu ul {	list-style-type:none;	margin: 0;	padding: 0;	width: 200px;}ul.menu a {	display: block;	text-decoration: none;}ul.menu li {}ul.menu li a {	background: url(../websiteSpecific/Stable_Mats/menu_header.jpg) no-repeat left top;	color: #000;	font-size: 1.1em;	font-weight: bold;	margin-top: 10px;	height: 32px;	line-height: 32px;	padding-right: 7px;	padding-left: 7px;	cursor:pointer;}ul.menu li a:hover {	background: url(../websiteSpecific/Stable_Mats/menu_header.jpg) no-repeat left top;}ul.menu li ul {	background: url(../websiteSpecific/Stable_Mats/bg_menu.jpg) no-repeat left bottom;	padding-bottom: 12px;}ul.menu li ul li a {	padding: 1px 7px 0px;	font-size: 1em;	color: #669900;	font-weight: normal;	margin-top: 0px;	line-height: 21px;	height: 21px;	cursor:pointer;	background-image: none;}ul.menu li ul li a:hover {	color: #FFFFFF;	background: #669900;	text-decoration: underline;}/********** JQuery Star Rating */div.rating{cursor:pointer;margin:2em;clear:both;display:block}div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}div.cancel,div.cancel a{background:url(../websiteSpecific/Stable_Mats/star_delete.gif) no-repeat 0 -16px}div.star,div.star a{background:url(../websiteSpecific/Stable_Mats/star.gif) no-repeat 0 0px}div.cancel a,div.star a{	display:block;	width:16px;	height:100%;	background-position:0 0px;}div.star_on a{background-position:0 -16px!important}div.star_hover a,div.star_live a:hover{background-position:0 -32px}/* Read Only CSS */div.star_readonly a,div.star_readonly a:hover{cursor:default !important}/* Partial Star CSS */div.star{background:transparent!important;overflow:hidden!important}/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;}#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}#jquery-lightbox a img { border: none; }#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}#lightbox-container-image { padding: 10px; }#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}#lightbox-container-image-box > #lightbox-nav { left: 0; }#lightbox-nav a { outline: none;}#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block;}#lightbox-nav-btnPrev { 	left: 0; 	float: left;}#lightbox-nav-btnNext { 	right: 0; 	float: right;}#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0;}#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }#lightbox-container-image-data #lightbox-image-details { 	width: 70%; 	float: left; 	text-align: left; }	#lightbox-image-details-caption { font-weight: bold; }#lightbox-image-details-currentNumber {	display: block; 	clear: left; 	padding-bottom: 1.0em;	}			#lightbox-secNav-btnClose {	width: 66px; 	float: right;	padding-bottom: 0.7em;	}/* jQuery lightBox plugin - Gallery style */#gallery {	width: 350px;	float: left;}#gallery ol { list-style: none; }#gallery ol li { display: inline; }#gallery ol img { }#gallery ol a:hover img { color: #fff;}#gallery ol a:hover { color: #fff; }/* jQuery Twitter Feed styles */div#twitter {	width: 140px;	border: 1px solid #165071;	height: 190px;}div#twitter h2 {	margin: 0;	padding: 2px 0px 3px 5px;	font-size: 1.2em;	color: #FFFFFF;	background-color: #165071;}p#preloader {	margin: 0;	padding: 1em 1em 1em 3em;	background: transparent url("../websiteSpecific/UK_Flooring_Online/loader.gif") 1em center no-repeat;	/* generate your own loader gif: http://www.ajaxload.info */}ul#twitter_update_list {	margin: 0;	padding: 0px 10px 5px;	list-style-type: none;}ul#twitter_update_list li {	margin: 0;	padding: 10px 0px;	border-bottom: 1px solid #165071;}ul#twitter_update_list li a {	/* timestamp link */	color: #E76E35;}ul#twitter_update_list li span {	display: block;}ul#twitter_update_list li span a {	/* links in tweet */	color: #2677AF;}ul#twitter_update_list li.firstTweet {}ul#twitter_update_list li.lastTweet {	border-bottom: none;}a#profileLink {	display: block;	padding: 0.3em 1em;	color: #fff;	background-color: #888;}