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

html, body {
	height: 100%;
	margin: 0 0 1px;
    padding: 0;
	background-image: url(../images/bg.png);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
p {
	margin: 0 0 8px 0;
	}
.specs {
	font-size:11px;
}
a {
	font-weight:bold;
	text-decoration:none;
}
a:link {
	color: #FF3300;
}
a:visited {
	color: #FF3300;
}
a:hover {
	color: #FF3300;
}
a:active {
	color: #FF3300;
}
img {
	border: none;
}
h1, .content_title {
	font-size:28px;
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	margin:0 0 10px 0;
}
h1.tredaire {
background: url(../images/logos_tredaire.png) no-repeat;
height: 55px;
text-indent: -2000px;
}
h1.duralay {
background: url(../images/logos_duralay.png) no-repeat;
height: 49px;
text-indent: -2000px;
}
h1.cloud9 {
background: url(../images/logos_cloud9.png) no-repeat;
height: 110px;
text-indent: -2000px;
}
h1.envirofelt {
background: url(../images/logos_envirofelt.jpg) no-repeat;
height: 115px;
text-indent: -2000px;
}
h1.mrcarpetunderlay {
background: url(../images/logos_mrcarpetunderlay.png) no-repeat;
height: 115px;
text-indent: -2000px;
}
h1.swaledale {
background: url(../images/logos_mrcarpetunderlay.png) no-repeat;
height: 115px;
text-indent: -2000px;
}
h1.ballandyoung {
background: url(../images/logos_ballyoung.png) no-repeat;
height: 56px;
text-indent: -2000px;
}
h1.gripperrods {
background: url(../images/logos_gripperrods.png) no-repeat;
height: 42px;
text-indent: -2000px;
}
h1.stikatak {
background: url(../images/logos_stikatak.png) no-repeat;
height: 42px;
text-indent: -2000px;
}
h2 {
	font-size:22px;
	font-weight:normal;
	line-height:normal;
	color: #FF3300;
	display: inline;
}
h2.tredaire_title {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	margin-bottom:0;
	display: inline;
}
h2.duralay_title {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	color: #00B159;
	margin-bottom:0;
	display: inline;
}
h2.cloud9_title {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	color: #0066CC;
	margin-bottom:0;
	display: inline;
}
h2.generic_title, .generic_title {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	color: #000000;
	margin-bottom:0;
	display: inline;
}
h3 {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	margin:0;
	padding-top:5px;
}
.highlight {
	font-size:18px;
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	margin-bottom:0;
	display: inline;
}
.product_info {
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	margin-bottom:0;
}
.product_listing {
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	color: #000;
	margin-bottom:0;
	display: inline;
}
.lineheight18 {
	line-height:1.7em;
}
.product_div {
	float:left;
	width:784px;
	height:30px;
	margin: 0 0 10px -30px;
	background:url(../images/product_div.png) bottom repeat-x;
}
.order_div {
	width:390px;
	height:40px;
	margin: 16px 0 16px 0;
	background:url(../images/product_div.png) bottom repeat-x;
	clear:both;
}
.order_div2 {
	width:390px;
	height:2px;
	margin: 5px 0 5px 0;
	background:url(../images/product_div.png) bottom repeat-x;
}
.price {
	font-size:24px;
	font-weight:bold;
	line-height:normal;
	color: #FF3300;
	display: inline;
}
.mainholder {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}
.header {
	float:left;
	width:960px;
	height:200px;
	z-index:100;
}
.top_menu {
	position:absolute;
	top:172px;
	left:172px;
	z-index:300;
}
.maincontent_bg {
	float:left;
	width:960px;
	margin-top:0;
	background-image:url(../images/bg2.png);
	background-repeat:no-repeat;
	min-height:400px;
	z-index:200;
}
.homecontent_bg {
	float:left;
	width:960px;
	margin-top:0;
	background-image:url(../images/bg1a.png);
	background-repeat:no-repeat;
	min-height:400px;
	z-index:200;
}
.maincontent {
	float:left;
	margin-top:20px;
	margin-left:190px;
	width:720px;
	z-index:250;
}
.homecontent {
	float:left;
	margin-top:20px;
	margin-left:165px;
	width:770px;
	z-index:250;
}
.home1 {
	float:left;
	background:url(../images/home1.png) no-repeat bottom;
	width:770px;
	height:476px;
	overflow:hidden;
}
.homeprices {
	float:right;
	width:400px;
	height:190px;
	margin:190px 10px 0px 0;
}

#scroll {
	position:absolute;
	top:0;
	bottom:-0.1px;
	width:1em;
	z-index:-1;
}

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: -1px;
 left: 100%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	padding: 7px 3px 3px 0;
	font-size:14px;
	text-align:center;
	color: #FFFF00;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	color: #FFFF00;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFFF00; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFFFFF; }
	ul.dropdown a:active	{ color: #FFFFFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	 margin-top: 0;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #ccc;
	 
	}

		ul.dropdown ul li {
		font-weight: bold;
		font-size:12px;
		text-align:left;
		padding: 3px 10px;
	 	border-style: dashed;
	 	border-width: 0 0 1px 0;
	 	border-color: #ccc;
	 	background-color: #fff;
	 	color: #000;
		}

ul.dropdown ul li:link,
ul.dropdown ul li:visited	{ color: #FF3300; text-decoration: none; }
ul.dropdown ul li:hover		{ background-color:#FFFF00; color: #FF3300; }
ul.dropdown ul li:active	{ color: #FF3300; }

ul.dropdown ul li a:link,
ul.dropdown ul li a:visited	{ color: #000; text-decoration: none; }
ul.dropdown ul li a:hover	{ background-color:#FFFF00; color: #FF3300; }
ul.dropdown ul li a:active	{ color: #000; }


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 /*padding-right: 20px;
 background-image: url(../images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;*/
}

ul.dropdown *.top0 {
width:62px;
background-image:url(../images/menu0_home.png);
background-position:top left;
background-repeat:no-repeat; 
/*width:80px;*/
}

ul.dropdown *.top1,
ul.dropdown *.top1:hover {
width:131px;
background-image:url(../images/menu1_carpet.png);
background-position:top left;
background-repeat:no-repeat;
/*width:80px;*/
}

ul.dropdown *.top2 {
width:103px;
background-image:url(../images/menu2_accessories.png);
background-position:top left;
background-repeat:no-repeat; 
/*width:80px;*/
}

ul.dropdown *.top3 {
width:82px;
background-image:url(../images/menu3_aboutus.png);
background-position:top left;
background-repeat:no-repeat; 
/*width:80px;*/
}

ul.dropdown *.top4 {
width:149px;
background-image:url(../images/menu4_knowledge.png);
background-position:top left;
background-repeat:no-repeat; 
/*width:80px;*/
}

ul.dropdown *.top5 {
width:94px;
background-image:url(../images/menu5_contactus.png);
background-position:top left;
background-repeat:no-repeat; 
/*width:80px;*/
}

ul.dropdown *.top6 {
width:119px;
background-image:url(../images/menu6_cart.png);
background-position:top left;
background-repeat:no-repeat;
/*width:80px;*/
}

ul.dropdown *.top6 a:link,
ul.dropdown *.top6 a:visited	{ color: #FF3300; text-decoration: none; }
ul.dropdown *.top6 a:hover		{ color: #000000; }
ul.dropdown *.top6 a:active		{ color: #FF3300; }

/*ul.dropdown *.top.hover,
ul.dropdown *.top:hover {
background-color: #FFF;
background-image:url(../images/tophover1.png);
}*/

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../images/nav-arrow-right_red.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}



/* - Room Size Calculator - */
.col-1 {
 width: 420px;
}
.col-2 {
 clear:both;
 margin-top:150px;
}
div.row {
  clear:both;
  padding:0;
	color:#000;
	margin-bottom:14px;
}
div.length {
	float:left;
	width:220px;
}
div.length label, 
div.length input,
div.width label,
div.width input {	
	display:inline;
	font-weight:normal;
	float:left;
}
div.width {
	float:right;
 width:190px;
 height:27px;
}
div.length input, 
div.width input {
	width:85px;
	margin:-5px 8px 4px 8px;
}
span.unit-label {
 color: #000;
 line-height:1.6em;
 float: left;
}
span.multiple {
 color:#000;
 line-height: 1.6em;
	padding:0 0 0 14px;
	font-weight:bold;
}
button.calculate,
button.reset {
	margin:0;
	background:#FF3300 none repeat scroll 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:none;
	cursor:pointer;
	font-weight:bold;
	color:#FFFF00;
	
}
button.calculate span,
button.reset span {
	display:block;
	padding:7px 7px 7px 7px;
	background:#FF3300;
}
button.calculate:hover,
button.reset:hover {
	color:#fff;
 background-color:#FF3300;
}
button.calculate:hover span,
button.reset:hover span{
	background:#FF3300;
}
#calculate-flooring button.calculate {
 float: left;
 width: 100px;
}
#calculate-flooring button.reset {
 float: left;
 clear: left;
 margin-top: 10px;
 width: 100px;
}
div#total-area-wrapper {
	display:block;
	float:right;
	width:246px;
	padding: 16px 0 16px 13px;
	text-align:left;
	margin:-30px 9px 0 0;
	font-size:1.71em;
	line-height:1em;
	font-weight:bold;
	color:#000;
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:#000000 2px solid;
}
div#total-area-wrapper p {
 color: #000;
 margin: 0 0 0.3em;
}
div#total-area-wrapper span.wastage {
	font-size:0.58em;
	line-height:1em;
}
div#total-area-wrapper span#total-area,
div#total-area-wrapper span#total-area-5,
div#total-area-wrapper span#total-area-10 {
	font-size:1em;
	line-height:1em;
	color:#FF3300;
}
div#room-size-calc {
 margin: 15px 0;
}
div#room-size-calc #calculate-flooring {
 margin: 0;
}
div#feet div.length input, 
div#feet div.width input {
	width:28px;
}
div.calculator-signpost p {
 color:#EAC326;
 font-size:1.55em;
 line-height:1.4em;
 margin:0;
 text-align:right;
}
div.calculator-signpost a {
 text-decoration: underline;
}
div#totals div#links {
	float:left;
	padding: 15px 25px 19px 28px;
	background:#2e2e2e;
}