@import /* */"scratch.css";/* ==YUI RESET (see: http://developer.yahoo.com/yui/reset/)*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { 	border:0;}/* address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;} */address,caption,cite,code,dfn,em,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { 	border:0;}/* ==GENERAL SETTINGS */body{	background: #ccc;	color: #666;	/*font:11px/18px Helvetica, Arial, sans-serif; /* precentages on fonts so that IE can resize them */	/* font: 70%/150% Verdana, Lucida, "Lucida Grande", sans-serif; */	font: 80%/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}/*Global Linking-------------------------------------------------*/a {	outline: none;}a:link {	color: #000;}a:visited {}a:hover {	text-decoration: underline;}/* ==DIVS *//* layout divs */div#wrapper{	width:990px;	margin-right: auto;	margin-top: 10px;	margin-left: auto;}div#wrapper2{    background:#fff;	/* clear:both; */	float:left;	/* border: 1px solid green; */}/* ------- header section - incl. top navigation ---------- */div#header{	width: 990px;	height: 125px;	background: url(../img/header_bg.png) no-repeat;}/* ------ PRINCIPAL logo  ----------------------------- */div#principalLogo h1 a{	width: 229px;	height: 66px;	background: url(../img/principal_logo_09.png) no-repeat;	display:block;	text-indent:-999em;	/*paranoid tricks for older browsers*/	text-decoration:none;	overflow:hidden;	position: absolute;	margin-left: 16px;	margin-top: 20px;}.printLogo{	display: none;}/* ----------- SEARCH panel -------- */div#searchBox{	width: 237px;	height: 20px;	font-size: 11px;	position: relative;	left: 734px;	top: 17px;	margin: 0;	/* border: 1px solid red; */}.search{	height: 20px;	width: 167px;	background: url(../img/search_box_bg.png) no-repeat;	color: #999;	padding-left: 2px;	font-size: 11px;	border: none;	line-height:15px;	padding-top: 2px;}div#searchButton{	width: 70px;	height: 20px;	background: url(../img/search_button.png) no-repeat;	position: relative;	left: 167px;	bottom: 22px;}div#searchButton a{	color: #fff;	text-decoration: none;	padding-left: 9px;	display: block;}div#searchButton a:hover{	color: #82cbd9;}/* ----------- BASKET panel -------- */div#basketPanel{	width: 580px;	height: 28px;	line-height: 20px;	background: url(../img/basket_bg.png) no-repeat 165px 0;	position: relative;	left: 392px;	top: 30px;	vertical-align: middle;	padding-top: 9px;	margin: 0;}div#basketPanel a{	color: #007B91;	text-decoration: none;	font-weight: bold;}div#basketPanel a:hover{	color: #666;}div#telNumber{	position: relative;}div#myAccount{	position: relative;	bottom: 20px;	left: 174px;	/* needs a width specifying - or extends outside wrappers */	width: 75px;}div#myAccount a{	color: #666;	font-weight: normal;	font-style: normal;}div#myAccount a:hover{	color: #007B91;}div#basketInfo{	bottom: 38px;	font-size: 12px;	line-height: 16px;	float: left;	position: relative;	left: 304px;}div#basketInfo a{	color: #666;	font-weight: normal;	font-style: normal;}div#basketInfo a:hover{	color: #007B91;}.basketValue{	color: #007B91;	}/* ----------- top navigation -------- */div#topNav{	font-size: 12px;	position: relative;	float: left;	font-weight: bold;	top: 16px;	/* width: 970px;  ...too wide & the whole page gets a horizontal scroll-bar */	width: 900px;	padding-left: 20px;	z-index: 1;	margin-top: 3px;}/* display block - for both ul li & ul li a - to run horizontally */div#topNav ul li{	display: block;	float: left;	margin-right: -20px;}div#topNav ul li a{	color: #fff;	text-decoration: none;	display: block;}div#topNav a:hover{	text-decoration: none;	color: #93D1DD;}/* ---- top navigation HOME icon -------- */.homeIcon a{	width: 20px;	height: 24px;	background: url(../img/home_icon.png) no-repeat -18px -2px;	display:block;	text-indent:-999em;	/*paranoid tricks for older browsers*/	text-decoration:none;	overflow:hidden;	margin-top: -4px;	position: absolute;}.homeIcon a:hover {background-position: 3px -2px; }/* ---- DROP-DOWN NAV -------- */#nav, #nav ul { /* all lists */	padding: 0;	margin: 0;	/* line-height: 120%; */	line-height: 1.3em;  /* improves stability of the drop-down - esp in MSIE */	position: relative;	left: 52px;}#nav a {	display: block;}#nav li { /* all list items */	float: left;	padding-right: 52px;}#nav li ul { /* second-level lists */	position: absolute;	background: #fff;	width: 202px;	left: -999em;	/* display: none; */	padding: 8px 0 8px 8px;	border: 1px solid #999;}#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;	/* display: block; */}.navDrop {}.navDrop ul li{	padding-bottom: 5px;	padding-top: 2px;}.navDrop ul li a{	color: #999 !important;}.navDrop ul li a:hover{	color: #666 !important;}.selected a{	color: #93D1DD !important;}/* ----------- BREADCRUMBS -------- */div#breadcrumbs{	width: 970px;	text-align: right;	padding-top: 14px;	padding-right: 20px;	color: #999;}div#breadcrumbs a{	text-decoration: none;	color: #666;	padding-right: 5px;	padding-left: 5px;}div#breadcrumbs a:hover{	color: #007B91;	text-decoration: underline;}.bcSelect{	color: #666;	font-weight: bold;	padding-left: 4px;}.bcSelect_highlight{	color: #cc0000;	font-weight: bold;	padding-left: 4px;}/* ----------- MAIN CONTENT ------------------------------ -------- */body.home div#mainContent{	width: 990px;	height: 485px;	 /*  expands/controls height all of the page below - needs a fix for home page? */}/* ----------- TOP IMAGE PANEL -------- */div#topImagePanel{	width: 990px;	height: 349px;	position: relative;}div#topImage{	width: 681px;	height: 349px;	float: left;}div#topImageTitle, div#topImageTitleAltCol{	width: 661px;	height: 31px;	position: relative;	bottom: 53px;	padding-top: 15px;	padding-left: 18px;}div#topImageTitle h2{	font-size: 32px;	color: #fff;	font-weight: lighter;} /* to allow for a darker text colour overlay on lighter coloured images */div#topImageTitleAltCol h2{ 	font-size: 32px;	color: #007B91;	font-weight: lighter;}/* div#topImageTransp{	width: 269px;	position: relative;	float: right;	padding-right: 18px;	padding-left: 22px;	height: 349px;	/* use for transparent background panel for the text that overlays the main image panel on the home page	opacity: 0.3; 	background: url(../img/grad-text-panel-309x349.png) no-repeat;}  */div#topImageTxt{	width: 269px;	height: 349px;	padding-right: 18px;	padding-left: 22px;	position: relative;	color: #fff;	float: right;	background: url(../img/grad-text-panel-309x349.png) no-repeat;	margin: 0;}div#topImageTxt h2{	font-size: 19px;	margin-bottom: 10px;	/* padding-top: 20px; */	padding-top: 15px;}div#topImageTxt p{	/* padding-bottom: 18px; */	font-size: 13px;	width: 265px;}.h2Big{	font-size: 20px;	font-weight: bold;}div#homeHighlight{	font-weight: bold;	/* color: #FF9900; */	color: #fff;	font-size: 22px;	line-height: 130%;	width: 254px;	height: 110px;	padding: 23px 0 0 15px;	margin: 0;}div#homeHighlight a{	font-weight: bold;	/* color: #FF9900; */	color: #fff;	text-decoration: none;}div#homeHighlight a:hover{	/* color: #fb6710; */	text-decoration: underline;}/* ----------- Catalogue panel -------- */div#cataloguePanel{	position: relative;	background: url(../img/catalogue_panel_bg.png) no-repeat;	width: 179px;	height: 390px;	margin-left: 17px;	margin-top: 26px;	color: #fff;	float: left;	clear: both;}div#cataloguePanel h4{	color: #fff;	font-size: 18px;	padding-top: 11px;	padding-left: 11px;	font-weight: bold;}div#cataloguePanelLink{	position: relative;	top: 159px;	padding-left: 11px;	padding-right: 11px;}div#cataloguePanelLink a{	text-decoration: underline;	color: #999;	font-size: 12px;	line-height: 15px;}div#cataloguePanelLink a:hover{	color: #666;	text-decoration: none;}div#quickLinx{	position: relative;	top: 190px;}div#quickLinx ul li a{	background: url(../img/arrow_button.png) no-repeat 0 1px;	padding-left: 18px;	line-height: 23px;	color: #999;	text-decoration: none;}div#quickLinx ul li a:hover{	color: #007B91;}/* ----------- Col 1 panels -------- */div#col1{	width: 372px;	height: 405px;	float: left;	margin-top: 26px;	margin-left: 15px;	margin-bottom: 20px;	/* border: 1px solid yellow; */}body.fabric div#col1{	width: 230px;	height: 289px;	float: left;	border: 1px solid silver;	padding: 15px;	margin: 26px 0 20px 100px;}body.fabric div#col1 p{	text-align: left !important;	margin-bottom: 0 !important;	margin-top: 0 !important;}div#HlinkPanel1 a, div#HlinkPanel2 a{	width: 179px;	height: 195px;	float: left;	background: url(../img/HlinkPanel1_bg.jpg) no-repeat;	display:block;	text-indent:-999em;	/*paranoid tricks for older browsers*/	overflow:hidden;}div#HlinkPanel2 a{	background: url(../img/HlinkPanel2_bg.jpg) no-repeat;	float: right;}div#HlinkPanel5 a, div#HlinkPanel6 a{	width: 179px;	height: 195px;	float: left;	background: url(../img/HlinkPanel5_bg.jpg) no-repeat;	display:block;	text-indent:-999em;	/*paranoid tricks for older browsers*/	overflow:hidden;	margin-top: 13px;}div#HlinkPanel6 a{	background: url(../img/HlinkPanel6_bg.jpg) no-repeat;	float: right;}/* HOME page New Products -------------------------------*/div#newProductsPanel{	width: 373px;	/* height: 196px; */	float: left;	margin-top: 34px;	/* background: url(../img/home_panel_tab_base.png) no-repeat 0 100%; */	border-right: 1px solid #ccc;	border-left: 1px solid #ccc;}div#newProductsTop{	width: 375px;	background: url(../img/home_panel_tab_top.png) no-repeat 0px;	height: 25px;	position: relative;	bottom: 20px;	right: 1px;}div#newProductsBase{	background: url(../img/home_panel_tab_base.png) no-repeat;	width: 373px;	height: 25px;	position: relative;	clear: both;	top: 25px;}div#newProductsPanel h3 a{	color: #fff;	font-size: 13px;	font-weight: bold;	text-decoration: none;	padding-left: 13px;	line-height: 24px;	display: block;}div#newProductsPanel h3 a:hover{	color: #999;}div#newProductNo1{	width: 169px;	/* height: 171px; */	float: left;	text-align: center;	margin-bottom: -15px;	padding-right: 8px;	padding-left: 8px;}div#newProductNo1 img{	margin-top: -10px;}div#newProductNo2{	width: 169px;	/* height: 171px; */	float: right;	text-align: center;	margin-bottom: -15px;	padding-right: 8px;	padding-left: 8px;}div#newProductNo2 img{	margin-top: -10px;}.newProductInfo a{	color: #666;	text-decoration: none;}.newProductInfo a:hover{	text-decoration: underline;}.newProductPrice a{	color: #80C9D6;	text-decoration: none;}.newProductPrice a:hover{	text-decoration: underline;}/* ----------- Col 2 panels -------- */div#col2{	width: 372px;	height: 405px;	float: right;	margin-top: 26px;	margin-right: 18px;	/* border: 1px solid aqua; */}body.fabric div#col2{	width: 230px;	float: right;	margin-top: 26px;	margin-right: 160px;	border: 1px solid silver;	padding: 15px;	margin-left: 20px;	height: auto;}body.fabric div#col2 p{	text-align: left !important;	margin-bottom: 0 !important;	margin-top: 0 !important;}div#HlinkPanel3 a, div#HlinkPanel4 a{	width: 179px;	height: 195px;	float: left;	display:block;	text-indent:-999em;	/*paranoid tricks for older browsers*/	overflow:hidden;	background: url(../img/HlinkPanel3_bg.jpg) no-repeat;}div#HlinkPanel4 a{	background: url(../img/HlinkPanel4_bg.jpg) no-repeat;	float: right;}div#specialOffersPanel{	width: 373px;	/* height: 196px; */	float: left;	margin-top: 34px;	/* background: url(../img/home_panel_tab_base.png) no-repeat 0 100%; */	border-right: 1px solid #ccc;	border-left: 1px solid #ccc;}div#specialOffersTop{	width: 375px;	background: url(../img/home_panel_tab_top.png) no-repeat 0px;	height: 25px;	position: relative;	bottom: 20px;	right: 1px;}div#specialOffersBase{	background: url(../img/home_panel_tab_base.png) no-repeat;	width: 373px;	height: 25px;	position: relative;	clear: both;	top: 25px;}div#specialOffersPanel h3 a{	color: #fff;	font-size: 13px;	font-weight: bold;	text-decoration: none;	padding-left: 13px;	line-height: 24px;	display: block;}div#specialOffersPanel h3 a:hover{	color: #999;}div#specialOfferNo1{	width: 169px;	/* height: 171px; */	float: left;	text-align: center;	margin-bottom: -15px;	padding-right: 8px;	padding-left: 8px;}div#specialOfferNo1 img{	margin-top: -10px;}div#specialOfferNo2{	width: 169px;	/* height: 171px; */	float: right;	text-align: center;	margin-bottom: -15px;	padding-right: 8px;	padding-left: 8px;}div#specialOfferNo2 img{	margin-top: -10px;}.specialOfferInfo a{	color: #666;	text-decoration: none;}.specialOfferInfo a:hover{	text-decoration: underline;}.specialOfferPrice a{	color: #80C9D6;	text-decoration: none;}.specialOfferPrice a:hover{	text-decoration: underline;}/* -----   CATEGORY page specific ------------------ */body.category div#mainContent{	width: 990px;	margin-top: 40px;}body.category1 div#mainContent{	width: 990px;}body.category div#featurePanel, body.category1 div#featurePanel{	width: 957px;	height: 200px;	margin-right: auto;	margin-left: auto;	margin-top: 17px;	background: url(../img/feature_panel_bg.png) no-repeat;	position: relative;}body.category div#featurePanel h2, body.category1 div#featurePanel h2{	font-size: 18px;	padding-left: 15px;	font-weight: bold;	padding-top: 10px;	margin-bottom: 10px;}body.category div#featurePanel p, body.category1 div#featurePanel p{	font-size: 12px;	padding-left: 15px;	width: 454px;	float: left;}body.category div#featurePanel img, body.category1 div#featurePanel img{	margin: 0;	padding: 0;}body.category div#featurePanelPic, body.category1 div#featurePanelPic{	width: 473px;	height: 196px;	float: right;	position: relative;	bottom: 38px;	right: 10px;}body.category1 div#catGallery{	width: 957px;	margin-right: auto;	/* margin-left: 30px; */	margin-left: 36px;	clear: both;	position: relative;	bottom: 30px;	float: left;	margin-bottom: 50px;}body.category div#catGallery{	width: 945px;	clear: both;	position: relative;	bottom: 30px;	padding-bottom: 50px;	float: left;	border-top: 2px solid gray;	/* margin: 8px auto 30px 26px; */	margin: 8px 30px auto 36px;	right: 11px;}body.category .catSummary, body.category1 .catSummary{	float:left;	/* margin: 16px 23px 30px 0; */	margin: 16px 20px 30px 0;	width: 135px;	text-align: center;	/* height: 130px; */	height: 150px;}body.category p.catThumb img, body.category1 p.catThumb img{	margin-top: 10px;	margin-bottom: 10px;}body.category .catSummary h3 a, body.category1 .catSummary h3 a{	text-decoration: none;	color: #333;}body.category .catSummary h3 a:hover, body.category1 .catSummary h3 a:hover{	color: #80C9D6;}/* -----   PRODUCT page specific ------------------ */body.product div#breadcrumbs, body.basket div#breadcrumbs{	margin-bottom: 18px;	padding-top: 0px;	margin-top: -5px;}body.product div#mainContent{	width: 990px;}body.basket div#mainContent{	width: 895px;	border-top: 2px solid gray;	margin-left: 25px;	margin-bottom: 30px;	padding-top: 20px;	padding-bottom: 20px;	padding-left: 50px;	margin-right: 0;	float: left;}		/* top curve of the panel */body.product div#featurePanelTop{	width: 957px;	height: 10px;	margin-right: auto;	margin-left: auto;	margin-top: 17px;	background: url(../img/feature_panel_bg.png) no-repeat 0 0;	position: relative;}body.product div#featurePanel{	width: 955px;	margin-right: auto;	margin-left: 16px;	position: relative;	border-right: 1px solid #ccc;	border-left: 1px solid #ccc;	/* height: 100%; */	float: left;}/* product info text panel */body.product div#c1{	width: 340px;	float: left;	position: relative;	padding: 15px 10px 15px 20px;}body.product div#c1 h2{	font-size: 24px;	font-weight: bold;	margin-bottom: 10px;	margin-left: 0 !important;	line-height: 110%;}body.product div#c1 p{	/* margin-bottom: 8px; */	margin-bottom: 4px;}body.product div#c1 a{	color: #007B91;	text-decoration: none;	font-weight: bold;}body.product div#c1 a:hover{	color: #999;	text-decoration: underline;}body.product div#c1IconPanel{	width: 340px;	text-align: center;	padding-top: 30px;}/* main product image */body.product div#c2{	width: 570px;	float: right;	position: relative;	padding: 0 0 0 15px;}/* bottom curve of the panel */body.product div#featurePanelBase{	width: 957px;	height: 30px;	margin-right: auto;	margin-left: 16px;	margin-bottom: 17px;	background: url(../img/feature_panel_bg_base.png) no-repeat 0 0;	float: left;}/* highlight for NEW LOWER PRICES */.orangeHighlight{	font-weight: bold;	color: #cc0000;	font-size: 110%;}/* ------ PRODUCT Order Form ---- */div#c3{	width: 957px;	position: relative;	float: left;	margin-right: auto;	margin-left: 16px;	margin-bottom: 30px;}/* ==TABLES */table.formPresentation{	width:957px;}table.formPresentation td{	background:#ccc;	border:3px solid #fff;	padding: 0 10px 0 5px;	text-align:right;}table.formPresentation td.textInput{	background:#fff;	border-color:#fff;	width:280px;}table.orderFormTable{	width:957px;	font-size: 100%;}table.orderFormTable a{	color: #007B91;	text-decoration: none;	font-weight: bold;}table.orderFormTable a:hover{	color: #999;	text-decoration: underline;}table.orderFormTable thead{	/* background: url(../img/cell-grad-957x45.png) no-repeat; */	background: url(../img/cell-grad-blue-957x70.png) no-repeat;}table.orderFormTable thead th{	color: #666;	font-size:13px;	padding-bottom: 0px;	padding-right: 5px;	padding-left: 5px;}#tcTitle{	/* background:#ccc;	color:#fff; */	font-size:13px;	font-weight:bold !important;	text-align:left;	text-transform:capitalize;	padding: 3px 5px;}.prodTitle{	font-size:13px;	font-weight:bold !important;	text-align:left;	text-transform:capitalize;	padding: 3px 5px;}.centreTitle{	text-align: center;}.buttonATO{	text-align: center;}.textField{	font-size: 13px;	text-align: center;	margin-bottom: 3px;}.basketTitleCenter{	font-size:12px;	font-weight:bold;	text-align: center;	padding: 3px;}.basketTitlePeNt{	font-size:12px;	font-weight:bold;	text-align: center;	padding: 3px;	width: 80px;}.basketTitleLeft{	font-size:12px;	font-weight:bold;	text-align: left;	padding: 3px 3px 3px 10px;}table.orderFormTable tbody th{	color:#fff;	font-size:14px;	font-weight:bold;	text-align:left;	text-transform:capitalize;	padding: 3px 5px;}table.orderFormTable tbody tr{	background:#e5e5e5;}table.orderFormTable tbody tr.even{	background:#fff;}.sectionTitle{	background: url(../img/cell-grad-957x45.png) no-repeat;	color: #666 !important;}/* -------  Associated Products ----------------------- */body.product div#assocProducts, body.basket div#assocProducts{	float: left;	position: relative;	width: 943px;	/* border: 1px solid silver; */	margin: 10px 10px 0 27px;}body.product table.apTable{	width: 943px;}body.basket table.apTable{	width: 850px;}table.apTable thead{	/* background: url(../img/cell-grad-957x45.png) no-repeat; */	background: url(../img/cell-grad-blue-957x70.png) no-repeat;}table.apTable thead th{	color: #666;	font-size:13px;	padding-bottom: 0px;	padding-right: 5px;	padding-left: 5px;}table.apTable #tcTitle{	/* background:#ccc;	color:#fff; */	font-size:13px;	font-weight:bold;	text-align:left;	text-transform:capitalize;	padding: 3px 5px 3px 7px;}table.apTable tbody tr.evenAP{	text-align: center;}table.apTable tbody tr.evenAP td{	background:#fff;	padding: 20px 10px 5px;}table.apTable tbody tr.evenAPinfo{	text-align: center;}table.apTable tbody tr.evenAPinfo a{	color: #007B91;	text-decoration: none;	font-weight: bold;}table.apTable tbody tr.evenAPinfo a:hover{	color: #333;}table.apTable tbody tr.evenAPinfo td{	background:#fff;	padding: 0 10px;	margin-top: -10px;}table.orderFormTable tbody tr.odd td{	text-align: center;}table.orderFormTable tbody tr.evenCenter{	background:#fff;	text-align: center;}.evenCenter{	background:#fff !important;	text-align: center;}table.orderFormTable td{	border-bottom:5px solid #fff;	padding:3px 5px 2px 5px;}table.orderFormTable td.blank{	background:#fff;}table.orderFormTable td.update{	background:#fff;	text-align: center;	line-height: 110%;	font-weight: bold;	padding: 10px 5px 5px;}table.orderFormTable td.divider{	background:#fff;	height: 1px;}tr#selectFinish{	background:#fff;}table.finishPicker{	border-bottom:1px solid #ccc;	margin-left:80px;}table.finishPicker caption{	border-top:1px solid #ccc;	font-size:13px;	font-weight:bold;	margin-left:80px;	padding:10px 0;}table.orderFormTable tr td table.finishPicker td{	background:#fff;	border:0;	padding:0 0 5px 0;	vertical-align:top;	width:40px;}table.orderFormTable tr td table.finishPicker td.radioButton{	padding-right:30px;	width:auto;}/* -------  BASKET ----------------------- */body.product div#mainContent h2{	font-size: 22px;	margin-top: 10px;	margin-left: 27px;}body.basket div#mainContent h2{	font-size: 22px;	margin-top: 10px;	margin-left: 0;	margin-bottom: 30px;}body.basket div#mainContent p{	margin-left: 20px;	margin-top: 20px;}body.product div#col2{	float: left;	margin-left: 27px;	width: 943px;	margin-right: 20px;	height: auto;}body.basket div#col2{	float: left;	margin-left: 27px;	/* width: 943px; */	width: 800px;	margin-right: 20px;	height: auto;	margin-top: 0;}body.basket div#col2ol{	float: left;	margin-left: 27px;	width: 485px;	margin-right: 20px;	height: auto;	margin-top: 0;}body.basket div#col2 p{	margin-left: 27px;}body.product div#col2 a, body.basket div#col2 a{	color: #007B91;	text-decoration: none;	font-weight: bold;}body.product div#col2 a, body.basket div#col2 a:hover{	color: #333;}/* -------  Associated Products - Basket ----------------------- */body.product div#apBasket{	float: left;	position: relative;	width: 943px;	/* border: 1px solid silver; */	margin: 30px 20px 0 27px;}body.basket div#apBasket{	float: left;	position: relative;	width: 800px;	/* border: 1px solid silver; */	margin: 30px 20px 0 27px;}body.product div#col3{	float: left;	position: relative;	width: 903px;	border: 1px solid silver;	/* margin: 0 20px 30px 27px; */	margin: 30px 20px 30px 27px;	padding: 20px;}body.basket div#col3{	float: left;	position: relative;	width: 810px;	border: 1px solid silver;	/* margin: 0 20px 30px 27px; */	margin: 30px 0 30px 27px;	padding: 20px;	text-align: center;}body.basket div#paymentSelection{	float: left;	position: relative;	width: 450px;	border: 1px solid silver;	padding: 20px 20px 30px;	text-align: center;	margin: 30px auto 30px 190px;}body.product div#col3 a, body.basket div#col3 a{	color: #007B91;	text-decoration: none;	font-weight: bold;}body.product div#col3 a:hover, body.basket div#col3 a:hover{	color: #333;}body.product div#formElement{	text-align: center;}body.product div#formElement p{	margin-bottom: 15px;	text-align: center;}body.basket div#formElement{	text-align: center;	margin: 0;}body.basket div#formElement p{	margin-bottom: 15px;	text-align: center;}/* ------  BASKET Table --------------------- */table.basketTable{	/* width:943px; */	width:850px;	margin: 15px 0 0;	/* for MSIE */	border: 1px solid #ccc;}table.basketTable thead{	/* background: url(../img/cell-grad-957x45.png) no-repeat; */	background: url(../img/cell-grad-blue-957x70.png) no-repeat;}table.basketTable thead th{	font-size:13px;	padding-bottom: 5px;}table.basketTable tbody{	border: 1px solid silver;}table.basketTable tr{	border: 1px solid silver;}table.basketTable td.update{	text-align: center;	line-height: 110%;	font-weight: bold;	padding: 10px 5px 5px;}table.basketTable input.textField{	color:#666;	border:1px solid #666;	text-align:center;	width:25px;}table.basketTable tbody tr.evenCenter{	text-align: center;}.productLink{	padding-top: 15px;	padding-bottom: 15px;}/* ------  ORDER INFO/ACCOUNT INFO/SPECIAL/PAYMENT/ORDER HISTORY/MARKETING Tables --------------------- */table.orderInfoTable, table.accountInfoTable, table.specialTable{	/* width:943px; */	width:850px;	margin: 0 0 30px;	/* for MSIE */	border: 1px solid #ccc;}table.orderInfoTable{	margin: 10px 0 30px;}table.accountMini{	width:300px;	margin: -20px 0 30px;	/* for MSIE */	border: 1px solid #ccc;}table.accountEdit{	/* width:275px; */	width:375px;	margin: 20px 0 30px 30px;	/* for MSIE */	border: 1px solid #ccc;}table.accountEdit400{	width:375px;	margin: 20px 0 30px 30px;	/* for MSIE */	border: 1px solid #ccc;}table.accountEdit500{	width:375px;	margin: 20px 0 30px 30px;	/* for MSIE */	border: 1px solid #ccc;}table.accountInfoTable{	margin: 30px 0;		/* for MSIE */	border: 1px solid #ccc;}table.specialTable{	margin: 0;		/* for MSIE */	border: 1px solid #ccc;}table.paymentTable{	width:380px;	margin: 15px 0 30px 50px;		/* for MSIE */	border: 1px solid #ccc;}table.historyTable{	width:780px;	margin: 10px 0 30px 20px;		/* for MSIE */	border: 1px solid #ccc;}table.marketingInfoTable{	width:700px;	margin: 20px 0 30px 20px;		/* for MSIE */	border: 1px solid #ccc;}table.orderInfoTable thead, table.accountInfoTable thead, table.specialTable thead, table.accountMini thead, table.accountEdit thead, table.accountEdit400 thead, table.accountEdit500 thead, table.paymentTable thead{	/* background: url(../img/cell-grad-957x45.png) no-repeat; */	background: url(../img/cell-grad-blue-957x70.png) no-repeat;}table.historyTable thead{	/* background: url(../img/cell-grad-957x45.png) no-repeat; */	background: url(../img/cell-grad-blue-957x70.png) no-repeat;	text-align: center;}table.orderInfoTable thead th, table.accountInfoTable thead th, table.specialTable thead th, table.accountMini thead th, table.accountEdit thead th, table.accountEdit400 thead th, table.accountEdit500 thead th, table.paymentTable thead th{	font-size: 13px;	font-weight: bold;	padding: 10px;}table.historyTable thead th{	font-size: 13px;	font-weight: bold;	padding: 10px;	text-align: center;}table.orderInfoTable tr, table.accountInfoTable tr, table.specialTable tr, table.accountMini tr, table.accountEdit tr, table.accountEdit400 tr, table.accountEdit500 tr, table.paymentTable tr{	border: 1px solid silver;}table.orderInfoTable tr.evenLeft, table.accountInfoTable tr.evenLeft, table.specialTable tr.evenLeft, table.accountMini tr.evenLeft, table.accountEdit tr.evenLeft, table.accountEdit400 tr.evenLeft{	padding: 5px;	text-indent: 5px;}table.accountEdit500 tr.evenLeft{	padding: 5px;	text-indent: 0;}table.accountEdit tr.evenRight, table.accountEdit400 tr.evenRight, table.accountEdit500 tr.evenRight{	text-align: right;	/* padding: 0; */	padding-left: 10px;}table.accountEdit tr.evenRight td, table.accountEdit400 tr.evenRight td, table.accountEdit500 tr.evenRight td{	padding: 10px 7px 10px 10px;	width: 100%;}table.accountEdit400 tr.evenRight td, table.accountEdit500 tr.evenRight td{	padding: 10px 7px 10px 10px;	width: 100%;}table.accountEdit400 tr.evenRight td.InputNote, table.accountEdit500 tr.evenRight td.InputNote{	width: 100%;	padding-right: 10px;	padding-left: 5px;}table.paymentTable tr.evenRight{	text-align: right;}table.paymentTable tr.evenRight td{	padding: 10px 10px 10px 5px;}table.marketingInfoTable tr.evenRight td{	padding: 10px 10px 10px 5px;	text-align: right;}table.marketingInfoTable tr.evenCenter td{	padding: 20px 10px 10px;	text-align: center;}table.accountEdit tr.evenCenter, table.accountEdit500 tr.evenCenter{	text-align: center;}table.paymentTable tr.evenCenter{	text-align: center;	padding: 10px;}table.paymentTable tr.evenCenter td{	padding: 10px;}table.paymentTable a{	padding-left: 5px;}table.accountEdit tr.evenCenter td, table.accountEdit500 tr.evenCenter td{	padding: 10px;}table.accountEdit500 tr.evenLeft td{	padding: 10px;}table.orderInfoTable tr.evenLeft td, table.accountInfoTable tr.evenLeft td, table.specialTable tr.evenLeft td, table.accountMini tr.evenLeft td, table.accountEdit tr.evenLeft td, table.paymentTable tr.evenLeft td{	padding: 10px;}table.historyTable tr.evenCenter td{	padding: 10px;	text-align: center;}table.historyTable tr.oddCenter td{	padding: 10px;	background-color: #e5e5e5;	text-align: center;}table.orderInfoTable tr.evenLeft td.inputLabel, table.accountInfoTable tr.evenLeft td.inputLabel, table.specialTable tr.evenLeft td.inputLabel, table.accountMini tr.evenLeft td.inputLabel, table.accountEdit tr.evenLeft td.inputLabel{	padding: 0 !important;	padding-left: 10px !important;}table.orderInfoTable tr.evenLeft td.textInput, table.accountInfoTable tr.evenLeft td.textInput, table.specialTable tr.evenLeft td.textInput, table.accountMini tr.evenLeft td.textInput, table.accountEdit tr.evenLeft td.textInput{	padding: 0 !important;}/* ------------   SIGNIN -------------------------------------- */body.signin div#breadcrumbs{	margin-bottom: 18px;}body.signin div#mainContent{	border-top: 2px solid gray;	width: 895px;	margin-left: 25px;	margin-bottom: 30px;	padding-top: 20px;	padding-bottom: 20px;	padding-left: 50px;}body.signin div#mainContent h2{	font-size: 22px;	margin-top: 10px;	margin-bottom: 15px;}body.signin div#label1 h3, body.signin div#label2 h3{	height: 32px;	background: url(../img/cell-grad-blue-957x70.png) 0 20%;	margin-bottom: 10px;	padding-top: 8px;}body.signin div#mainContent h3{	font-size: 16px;	margin-bottom: 25px;	text-align: center;	margin-top: 25px;}body.signin div#mainContent h4{	color: #007B91;	margin-left: 40px;	margin-top: 30px;	margin-bottom: 30px;	font-size: 12px;}body.signin div#TwoCPanel{	width: 700px;	float: left;	margin-left: 80px;	margin-bottom: 80px;	/* border-top: 1px solid silver; */	margin-top: -20px;}body.signin div#TwoCPanel a{	color: #007B91;	text-decoration: none;}body.signin div#TwoCPanel a:hover{	color: #333;}body.signin div#TwoCPc1{	float: left;	width: 300px;	text-align: center;}body.signin div#TwoCPc2{	width: 300px;	float: right;	height: 250px;	text-align: center;}.signinButton{	margin-bottom: 15px;	margin-top: 15px;	padding-bottom: 20px;}.buttonInput{	margin-bottom: 15px;	margin-top: 15px;	padding-bottom: 20px;}/* ------------   ACCOUNT pages -------------------------------------- */body.basket div#TwoCPanel,body.basket div#TwoCPanelacc{	width: 850px;	float: left;	margin-bottom: 80px;	margin-top: 20px;}body.basket div#TwoCPanelacc{	margin-top: 0;}body.basket div#TwoCPanel a, body.basket div#TwoCPanelacc a{	color: #007B91;	text-decoration: none;}body.basket div#TwoCPanel a:hover, body.basket div#TwoCPanelacc a:hover{	color: #333;}body.basket div#TwoCPc1{	float: left;	width: 400px;	margin-right: 20px;	margin-top: 20px;	margin-left: 15px;}body.basket div#TwoCPc1a{	float: left;	position: relative;	border-top: 2px solid #666;	margin-top: 30px;	padding-top: 20px;}body.basket div#TwoCPc1acc{	float: left;	width: 400px;	margin-right: 20px;	/* margin-top: 20px; */	margin-left: 15px;	padding-left: 0;}body.basket div#TwoCPc2, body.basket div#TwoCPc2acc{	float: right;	width: 350px;	margin-top: 20px;	padding-top: 20px;	height: auto;	border-style: none;}body.basket div#TwoCPc2acc{	margin-left: 60px;}body.basket div#mainContent ul li a:hover{	color: #007B91;}body.basket div#mainContent ul li a{	font-weight: bold;	text-decoration: none;	color: #333;	background: url(../img/arrow_button.png) no-repeat 0 3px;	padding-left: 18px;	margin-left: 18px;}body.basket div#mainContent ul li a:hover{	color: #007B91;}/* ------------   NON E-COMMERCE pages -------------------------------------- */body.static div#breadcrumbs, body.static-bg div#breadcrumbs, body.fabric div#breadcrumbs{	margin-bottom: 18px;}body.static div#mainContent, body.static-bg div#mainContent, body.fabric div#mainContent{	border-top: 2px solid gray;	width: 895px;	margin-left: 25px;	margin-bottom: 30px;	padding-top: 20px;	padding-bottom: 20px;	padding-left: 50px;}body.fabric div#mainContent{	margin-bottom: 50px;	float: left;}body.fabric div#mainContent img{	padding-bottom: 10px;}body.fabric div#mainContent h3{	font-size: 16px;	margin-bottom: 10px;}/* ------------   FABRICS table  --------------------- */body.fabric div#mainContent p{	margin-top: 40px;	margin-bottom: 20px;	text-align: center;}body.fabric table.fabricsTable{	border: 1px solid #ccc;	margin-left: auto;	margin-right: auto;}body.fabric table.fabricsTable td{	border: 1px solid silver;}body.fabric table.fabricsTable p{	text-align: center;	padding-top: 0;	padding-bottom: 20px;	margin-top: 0;	font-weight: bold;	margin-bottom: 0 !important;	margin-top: 0 !important;	line-height: 60%;}body.fabric table.fabricsTable img{	margin: 0;}body.static div#mainContent h2, body.fabric div#mainContent h2{	font-size: 22px;	margin-top: 10px;	margin-bottom: 15px;}body.static div#mainContent h3{	font-size: 16px;	margin-top: 20px;	margin-bottom: 15px;}body.static div#mainContent h4, body.static-bg div#mainContent h4{	font-size: 14px;	margin-bottom: 5px;}body.static div#mainContent p, body.static-bg div#mainContent p{	margin-bottom: 10px;	padding-right: 40px;}body.static div#fPassword{	margin-bottom: 60px;	margin-top: 50px;	margin-left: 200px;}body.static div#mainContent p a, body.static-bg div#mainContent p a{	color: #007B91;	text-decoration: none;}body.static div#mainContent p a:hover, body.static-bg div#mainContent p a:hover{	color: #333;}body.static div#mainContent ul{	margin-bottom: 30px;	/* text-indent: 10px; */	margin-top: 20px;	margin-left: 10px;}body.static div#mainContent ul li a{	font-weight: bold;	text-decoration: none;	color: #333;	background: url(../img/arrow_button.png) no-repeat 0 3px;	padding-left: 18px;}body.static div#mainContent ul li a:hover{	color: #007B91;	text-decoration: none;}.backToTop{	background: url(../img/arrow_button_up.png) no-repeat 0 1px;	padding-left: 17px;}body.static div#mainContent table{	border-color: silver;	margin-top: 10px;	margin-left: 15px;}body.static div#mainContent table td{	padding: 5px;}.title{	font-weight: bold;	font-size: 14px;}/* ---------  Site Map page --------- */.sitemap{	padding: 10px 10px 10px 30px;	font-weight: normal;	text-decoration: none;	font-style: normal;	background: url(../img/copy.gif) no-repeat 0 50%;}a.sitemap{	color: #007B91;}a:hover.sitemap {	color: #999; } /* ---------  Contact Us page --------- */div#TwoCPanel{	width: 840px;	float: left;	margin-left: 20px;	margin-bottom: 40px;}div#TwoCPc1{	float: left;	width: 230px;	margin-right: 20px;	margin-top: 20px;}div#TwoCPc2{	float: right;	width: 541px;	/* border-left: 1px solid silver; */	padding-left: 40px;	height: 570px;	padding-top: 20px;}.note{	font-size: 10px;	line-height: 70%;}/*PDF downloads-------------------------------------------------*/.pdf-download{	margin-left: 10px;	text-align: left;	padding-top: 30px;	padding-bottom: 30px;	margin-top: 20px;	background: url(../img/pdf.jpg) no-repeat 0 50%;	padding-left: 42px;}.pdf-download a{	display: block;}.pdf-download a:hover{	color: #666;}/*Google Maps link-------------------------------------------------*/.googleMap {	background-image: url(../img/blue-dot.white.png);	background-repeat: no-repeat;	background-position: 5px 50%;	padding: 10px 10px 10px 42px;	margin-left: 8px;	text-align: left;}.googleMap a{	color: #537cb6;	text-decoration: none;	display: block;}.googleMap a:hover{	color: #666;}/* ---------  About Us page --------- */div#TwoCPc1AU{	float: left;	width: 460px;	margin-right: 20px;	margin-top: 20px;}div#TwoCPc2AU{	float: right;	width: 350px;	height: 300px;}/*--------- Catalogue Request page  ---------------------------------------*/div#catalogueForm{	float: left;	width: 500px;	margin-top: 10px;	margin-bottom: 40px;	border-right: 1px solid silver;	padding-right: 20px;}div#cataloguePic{	float: right;	width: 300px;	/* border: 1px solid maroon; */	margin-right: 20px;	margin-top: 40px;}.fLabel{	text-align: right;	vertical-align: top;	width: 300px;}.required{	text-align: right;	vertical-align: middle;	background: url(../img/req-icon.png) no-repeat 101% 50%;	padding-right: 50px;}.requiredNote{	text-align: left;	background: url(../img/req-icon.png) no-repeat 0 50%;	padding-left: 8px;}/* -----------------   BUYING GUIDE (SEO) pages ----------------- */body.static-bg div#mainContent h2{	font-size: 22px;	margin-top: 10px;}body.static-bg div#mainContent h3{	color: #007B91;	font-size: 16px;	margin-bottom: 0px;}body.static-bg div#TwoCPanel{	width: 850px;	float: left;	margin-left: 10px;	margin-top: 30px;}body.static-bg div#TwoCPanel ul{	list-style-position: outside;	list-style-type: disc;	margin-left: 20px;}div#p1,div#p1a,div#p2,div#p3,div#p3a,div#p4,div#p5,div#p6,div#p7,div#p8,div#p9,div#p10,div#p11{	width: 850px;	height: 250px;	float: left;	margin-bottom: 20px;	border: 1px solid silver;	padding: 15px;}div#p1a{	height: 300px;}div#p3a{	height: 300px;}body.static-bg div#TwoCPc1{	margin-top: 0px;}body.static-bg div#TwoCPc1, div#TwoCPc1a, div#TwoCPc1b, div#TwoCPc1c, div#TwoCPc1d, div#TwoCPc1e, div#TwoCPc1f, div#TwoCPc1g, div#TwoCPc1h, div#TwoCPc1i, div#TwoCPc1j{	float: left;	width: 420px;	height: auto;}body.static-bg div#TwoCPc2, div#TwoCPc2a, div#TwoCPc2b, div#TwoCPc2c, div#TwoCPc2d, div#TwoCPc2e, div#TwoCPc2f, div#TwoCPc2g, div#TwoCPc2h, div#TwoCPc2i, div#TwoCPc2j{	width: 345px;	height: 194px;	float: right;	border-style: none;}body.static-bg div#TwoCPanel a{	color: #007B91;	text-decoration: none;}body.static-bg div#TwoCPanel a:hover{	color: #333;}/* -----------------   POP-UP pages -------------------------------------- */body.popup div#wrapper{	width:450px;	margin-right: auto;	margin-top: 10px;	margin-left: auto;}body.popup div#wrapper2{    background:#fff;	float:left;}body.popup div#mainContent{	padding: 20px;	margin-top: 20px;}body.popup div#mainContent a{	color: #007B91;	text-decoration: none;	font-weight: bold;}body.popup div#mainContent a:hover{	color: #333;}body.popup div#mainContent h2{	font-size: 20px;	font-weight: bold;}body.popup div#mainContent p{	margin-top: 10px;	margin-right: 10px;}body.popup div#imageLabel{	text-align: center;}body.popup div#imageLabel h4{	font-weight: bold;	padding-top: 10px;}body.popup div#close{	text-align: center;	border-top: 2px solid silver;	margin-top: 30px;	padding-top: 20px;	padding-bottom: 10px;}table.popdata{	margin-top: 20px;	margin-bottom: 20px;	padding: 10px;	width: 410px;		/* for MSIE */	border: 1px solid #ccc;}table.popdata td{	padding: 8px;}table.popdata td.title{	font-weight: bold;}/* -----------------   FOOTER -------------------------------------- */div#footerOne{	width: 990px;	border-top: 1px solid #ccc;	position: relative;	float: left;	/*clear: both;*/	color: #666;	height: 50px;}div#footerOneMenu{	width: 500px;	position: relative;	float: left;	padding-top: 20px;	font-size: 10px;	color: #ccc;	line-height: 140%;	margin-left: 20px;}/* display block - for both ul li & ul li a - to run horizontally */div#footerOneMenu ul li{	display: block;	float: left;	position: relative;	padding-right: 8px;}div#footerOneMenu ul li a{	text-decoration: none;	position: relative;	/* spacing between each menu item */	margin-right: 6px;	color: #ccc;}div#footerOneMenu ul li a:hover{	text-decoration: none;	color: #93D1DD;}/* -----   THAWTE/CC panels ------- */div#thawtePanel{	width: 211px;	height: 45px;	float: right;	margin-right: 18px;	position: relative;	margin-top: 20px;}div#ccCards{	width: 165px;	height: 30px;	float: right;	margin-right: 20px;	position: relative;	margin-top: 27px;}/* -----   Footer TWO - below the page ------- */div#footerTwo{	width: 990px;	font-size: 10px;	position: relative;	top: 50px;	height: 40px;	float: left;	color: #fff;}div#footerTwoMenu{	width: 600px;	position: relative;	float: left;	margin-left: 20px;}/* display block - for both ul li & ul li a - to run horizontally */div#footerTwoMenu ul li{	display: block;	float: left;	position: relative;	padding-right: 8px;}div#footerTwoMenu ul li a{	text-decoration: none;	position: relative;	/* spacing between each menu item */	margin-right: 6px;	color: #fff;}div#footerTwoMenu ul li a:hover{	text-decoration: none;	color: #999;}/* ---  MGX site link ---- */div#credits{	float: right;	position: relative;	right: 15px;}div#credits a{	color: #fff;	text-decoration: none;}div#credits a:hover{	color: #999;}div#printInfo{	display: none;}/* -----   FORM styling ------- */input {	/* height:20px; */}input:hover, input:focus, textarea:hover, textarea:focus {}textarea {	/* overflow:visible; */}input, textarea {    /* border: none; */  /*  line-height:15px;	padding-top: 2px; */}/* input{	background-color: #fff;} */