/* CSS Document */

@import "topnav.css";
html,body {
	margin:0px;
	height:100%;
	background-color: #ebe9da;
}
*html #wrapper {
	height:100%;
}
a {
	color:#015276;
	text-decoration:none;
}
a:hover {
	color:#2c3764;
	text-decoration:underline;
}
#wrapper {
	background:#fff;
	width:898px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#more_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:850px;
}
#mini_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:750px;
}
#inner_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:1400px;
}
#reason_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:1700px;
}
#do_it_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:1900px;
}
#care_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:2300px;
}
#product_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:3300px;
}
#link_deck_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:1000px;
}
#tips_wrapper {
	margin:0 auto;
	background:#FFF;
	width:898px;
	padding:0px 8px;
	height:1200px;
}
#content_area {
	width:914px;
}
#dummy_header {
	width:898px;
	background-color: #ebe9da;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height:72px;
}
#logo {
	width:272px;
	height:72px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(images/EzyTileBannerLogo.gif);
	background-repeat: no-repeat;
}
#top_search p {
	float:right;
	height:30px;
	color:#4a2909;
	font:normal 13px Arial, Helvetica, sans-serif;
	padding:0;
	margin-top: 22px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top_search label.ph {
	background:url(images/icon_phone.png) no-repeat;
	color:#4a2909;
	font:normal 13px Arial, Helvetica, sans-serif;
	width:87px;
	height:30px;
	line-height:30px;
	float:right;
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 37px;
}

#top_search label.cart {
	background:url(images/icon_cart.png) no-repeat;
	color:#4a2909;
	font:normal 13px Arial, Helvetica, sans-serif;
	width:87px;
	height:30px;
	line-height:30px;
	float:right;
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 37px;
}

#top_search label a {color:#4a2909;text-decoration:none}
#top_search label a:hover {color:#4a2909;text-decoration:underline}

#headernav{clear: both; width: 898px; background: url(images/navi_deactive_bg.jpg) left top repeat-x; height: 28px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin: 0 0 2px 0; font-weight:bold}
#headernav ul{margin: 0;padding: 0; list-style-type: none;}
#headernav ul li{float: left;}
#headernav ul li a{color:#FFFFFF; text-decoration:none; height: 28px; line-height: 28px; float: left; padding: 0 15px; display: block;}
#headernav ul li a:hover{color:#FFFFFF;background: url(images/navi_active_bg.jpg) left top repeat-x;}
#headernav ul li.rightside{color:#FFFFFF;background: url(images/navi_active_bg.jpg) left top repeat-x;}
#top_links {
	width:621px;
	float:right;
}
.text_field {
	height:16px;
	border:1px solid #dddedc;
	background:#fff;
	color:#9ea2a7;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:3px;
	margin-top: 0px;
}
#left_content_area {
	width:674px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding-bottom: 10px;
	height: 855px;
}
/* CSS Document #left_content_area p {
	background:url(images/index_four_quality.gif) no-repeat;
	width:635px;
	height:40px;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 19px;
}*/

#index_main_flash {
	width:671px;
	height:250px;
}
#left_content_area li {
	list-style:none;
	float:left;
	height:236px;
	width:121px;
	background:url(images/index_product_li.gif)  right no-repeat;
	padding-right:15px;
	margin-right:15px;
}
.content {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.content_inner {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.content_indent {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	text-indent: 0px;
	margin: 0px;
	width: 591px;
}


/* Right Content */
#right_content_area {
	width:224px;
	float:right;
	background-color: #F4F3EC;
	margin: 0px;
	padding-bottom: 0px;
	height: 865px;
}
#right_content_area p {
	height:47px;
	width:223px;
	margin:0px;
}
#right_content_area ul {
	list-style:none;
	margin:0px 20px;
	padding:0;
	background-color: #f4f3ec;
}
#right_content_area li {
	list-style:none;
	color:#2d3764;
	font:normal 11px Arial, Helvetica, sans-serif;
	height:11px;
	border-bottom:1px dotted #c9c9c9;
	padding:6px 0px;
}
/* Right Content01 */
#right_content_area01 {
	width:224px;
	float:right;
	background-color: #F4F3EC;
	margin: 0px;
	padding-bottom: 10px;
}
#right_content_area01 p {
	height:47px;
	width:223px;
	margin:0px;
}
#right_content_area01 ul {
	list-style:none;
	margin:0px 20px;
	padding:0;
	background-color: #f4f3ec;
}
#right_content_area01 li {
	list-style:none;
	color:#2d3764;
	height:11px;
	border-bottom:1px dotted #c9c9c9;
	padding:6px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* Right Content Design Grid */
#right_content_desgrid {
	width:224px;
	float:right;
	background-color: #F4F3EC;
	margin: 0px;
	padding-bottom: 0px;
	height: 131px;
}
#right_content_desgrid p {
	height:47px;
	width:223px;
	margin:0px;
}
#right_content_desgrid ul {
	list-style:none;
	margin:0px 20px;
	padding:0;
	background-color: #f4f3ec;
}
#right_content_desgrid li {
	list-style:none;
	color:#2d3764;
	height:11px;
	border-bottom:1px dotted #c9c9c9;
	padding:6px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


#where_how {
	width:189px;
	height:200px;
	background-color: #E7DFCC;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 16px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0px;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #999999;
}
#whats_new {
	width:189px;
	height:auto;
	color:#606060;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-left:16px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 8px;
}
#design_tool {
	width:189px;
	height:auto;
	color:#606060;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-left:16px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 8px;
}
#install_video {
	width:189px;
	height:auto;
	color:#606060;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-left:16px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 8px;
}
#footer_area {
	width:880px;
	padding:0 9px;
	margin:0 auto;
	color:#615C3A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.footer_links {
	width:478px;
	float:left;
	margin-top:8px;
	color: #414426;
}
.footer_links a {
	color:#615C3A;
	text-decoration:none;
}
.footer_links a:hover {
	color:#316AC5;
	text-decoration:underline;
}
.copyright {
	width:402px;
	float:right;
	margin-top:8px;
}
#product_content_area {
	width:674px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#fff;
}

#product_description {
	width:654px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding:0 0 0 20px;
}
#product_description p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	line-height:17px;
	padding:14px;
	width:606px;
}


.product_base {
	width:634px;
	background:#f8f8f3;
	margin:0 0 30px 0;
}
.about_product {
	float:left;
	width:250px;
	padding:0 0 0 14px;
	line-height:17px;
	background:#f8f8f3;
}
.product_big_thumbs {
	float:left;
	width:150px;
	background:#f8f8f3;
	color:#006595;
}
.product_big_thumbs a {
	color:#006595;
	text-decoration:underline;
}
.product_big_thumbs a:hover {
	color:#006595;
	text-decoration:none;
}
.big_thumb {
	padding:0 0 6px 0;
	border:none;
}
.product_small_thumbs {
	float:left;
	padding:0 8px 0 15px;
	width:76px;
	background:#f8f8f3;
}
.product_small_discription {
	float:right;
	width:120px;
	background:#f8f8f3;
	color:#006595;
	padding:22px 0 0 0;
}
.product_small_discription a {
	color:#006595;
	text-decoration:underline;
}
.product_small_discription a:hover {
	color:#006595;
	text-decoration:none;
}


#product_range 
{
	position:relative;
	width:224px;
	height:132px;
	display:block;
	z-index:2;
}

#product_range a {display:block;width:112px;height:66px;background:#FDFEEF url(images/product_range.gif) scroll 0 0;float:left;z-index:2;}

#product_range a.swift {background-position:2px -1px !important;}
#product_range a.link {background-position:-110px -1px !important;}
#product_range a.ezy {background-position:2px -66px !important;}
#product_range a.resi {background-position:-110px -66px !important;}

#product_range a.swift:hover {background-position:2px -132px !important;}
#product_range a.link:hover {background-position:-110px -132px !important;}
#product_range a.ezy:hover {background-position:2px -197px !important;}
#product_range a.resi:hover {background-position:-110px -197px !important;}

#why_description {
	width:672px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	height: 660px;
}
#why_description p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	line-height:17px;
	padding:14px;
	padding:0 20px 0 20px;
	clear:both;
}
#why_description ul {
	list-style:inherit;
	width:620px;
}
#why_description li {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding:0 30px 0 0;
	margin:0 0 20px 0;
	width: 600px;
}

#breadcrumb {
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
	color:#1b6490;
	height:20px;
	border-bottom:1px solid #dfdfdf;
	width:664px;
	padding:8px 8px 0 0;
}
#breadcrumb a {
	color:#606060;
	text-decoration:none;
}
#breadcrumb a:hover {
	color:#606060;
	text-decoration:underline;
}

#breadcrumb_desgrid {
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
	color:#1b6490;
	height:20px;
	border-bottom:1px solid #dfdfdf;
	width:658px;
	padding-top: 8px;
	padding-right: 240px;
	padding-bottom: 0;
	padding-left: 0px;
}
#breadcrumb_desgrid a {
	color:#606060;
	text-decoration:none;
}
#breadcrumb_desgrid a:hover {
	color:#606060;
	text-decoration:underline;
}


/*.reasons {
	width:630px;
	border-bottom:1px dashed #afafaf;
	padding:0 0 20px 0;
	margin:10px 0 0 20px;
}
#reasons p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #afafaf;
	color:#606060;
	line-height:17px;
	padding:14px;
	padding:0 20px 0 20px;
}*/
#reasons {
	width:672px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
}
#reasons ul {
	margin:0;
	padding:0;
	list-style:none;
	width:650px;
}
#reasons ul li {
	font:normal 11px Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #afafaf;
	color:#606060;
	clear:both;
	list-style:none;
	padding:0 20px;
	margin:0 0 40px 0;
}
#reasons ul li strong {
	font:16px normal Arial, Helvetica, sans-serif;
	color:#683f18;
	padding:0 0 8px 0;
}
.reasons_pic {
	padding:0 15px 0 0;
	width:	132px;
	float:left;
}

#reasons_points {
	width:672px;
	float:left;
	color:#606060;
	background:#fff;
}
#reasons_points p {
	color:#693e14;
	margin:7px 15px 0 41px;
}
h1 {
	color:#2d3764;
	margin:0;
	font-family: "normal Arial", Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}	
h2 {
	color:#2d3764;
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "normal Arial", Helvetica, sans-serif;
	font-size: 18px;
}	
h3 {
	color:#493a16;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h4 {
	color:#85742f;
	margin:0;
	font-family: "normal Arial", Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
h5 {
	font-size:12px;
	color:#693e14;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
h5 a {
	color:#693e14;
	text-decoration:none;
}
h5 a:hover {
	color:#693e14;
	text-decoration:underline;
}

.box_head {
	font-size:13px;
	color:#493a16;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	
}

.reasons_img {
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 30px;
	padding-left: 0;
}


.orderhere_img {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 20px;
	bottom: 10px;
}
.orderhere {
	width: 672px;
	float: left;
	height: 70px;
	background-color: #FFFFFF;
}


#form_area {
	width:300px;
	margin:20px 0 0 0;	
}
#form_area label {
	float:left;
	text-align:right;
	margin:0 15px 0 0;
	width:130px;
	padding:3px 0 0 0;
}
#form_area input {
	float:left;
	border:1px solid #CCCCCC;
	height:19px;
	width:150px;
	margin:0 0 8px 0;
}
.button {
	margin:0 0 0 145px;
}
#swift_deck {
	width:624px;
	height:auto;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#006595;
	float:left;
}
#swift_deck ul {
	margin: -40px 0 10px 15px;
	padding:0;
	z-index:100px;
}	
#swift_deck li{
	padding:15px 0 0 0;
	margin:0 0 0 12px;
}

.type_discription {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060
	width:620px;
	margin:0 20px 5px 0;
	padding:0 0 0 15px;
	background:#f8f8f3;
	height:322px;
}
.type_discription ul {
	list-style:none;
	width:456px;
	float:left;
	margin:0;
	padding:0;
}
.type_discription ul li {
	margin:0 0 17px 0;
}
.type_discription ul li strong {
	width:169px;
	display:block;
	float:left;
}
.type_discription ul li em {
	width:169px;
	display:block;
	float:left;
	font-style:normal;
	visibility:hidden;	
}
.type_discription ol {
	list-style:disc;
	float:left;
	margin:12px 0 10px 10px;
	padding:0;
}
.type_discription ol li {
	margin:0 0 8px 0;
}
.type_discription_img {
	float:right;
	margin:0 10px 0 0;
	width:150px;
	text-align:center;
}



#inner_NoOrder {
	width:672px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	height: 730px;
}
#inner_NoOrder p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:17px;
	padding:14px;
	clear:both;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}
#inner_NoOrder ul {
	list-style:inherit;
	width:620px;
}
#inner_NoOrder li {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding:0 30px 0 0;
	margin:0 0 20px 0;
	width: 600px;
}

#inner_Order {
	width:672px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	height: 660px;
}
#inner_Order p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	line-height:17px;
	padding:14px;
	padding:0 20px 0 20px;
	clear:both;
}
#inner_Order ul {
	list-style:inherit;
	width:620px;
}
#inner_Order li {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding:0 30px 0 0;
	margin:0 0 20px 0;
	width: 600px;
}

#inner_OrderLong {
	width:672px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
}
#inner_OrderLong p {
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:17px;
	padding:14px;
	clear:both;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#inner_OrderLong ul {
	list-style:inherit;
	width:620px;
}
#inner_OrderLong li {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#606060;
	background:#fff;
	padding:0 30px 0 0;
	margin:0 0 20px 0;
	width: 600px;
}

#spacer_bar {
	width:898px;
	float:left;
	background:#ebe9da;
	height: 2px;
}
#spacer {
	background-color: #ebe9da;
	float: left;
	height: 1px;
	width: 898px;
}

#design_grid {
	float: left;
	width: 898px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 606060;
}
#print_part_page {
	background-color: #FFFFFF;
	width: 652px;
}

.clear {clear:both;display:none;height:0;float:none}
