/*@font-face {
  font-family: "Helvetica-Condensed-light-light";
  src: url("http://www.michaelwilliamswebdesign.com/tester/tristate/html/fonts/Helvetica-Condensed-light-light.ttf")
}
*/
body{ margin:0; font:12px Arial, Helvetica, sans-serif; background: url(/images/top_bg.gif) repeat-x top #E9E6C2; color:#454545;}

p{ margin:0; padding:0;}

h1{ 
	margin:0 0 10px 0; padding:0; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#3D393A;
	}
	
h2{ 
	margin:12px 0 5px 0; padding:0;
	font-weight:bold; font-size:12px;
	color:#10587A;
	}
	
h3{ 
	margin:0 0 10px 0; padding:0; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#0C465C;
	
	}

h4{ 
	margin:0 0 10px 0; padding:0; font-size:36px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#0C465C;
	
	}
	
h5{ 
	margin:0 0 10px 0; padding:0; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#0C465C; text-align:center;
	
	}

h6{ 
	margin:0 0 10px 0; padding:0; font-size:36px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#0C465C; text-align:center;
	}
	
#main{ width:100%;}

#header{ margin:auto; width:923px; background:url(/images/hed_bg.gif) no-repeat left top; height:220px; position:relative;}

.logo{
	width:247px;
	height:73px;
	position:absolute;
	top: 53px;
	left: 31px;
}
.logo a{ text-decoration:none; background:url(/images/logo.gif) no-repeat left top; width:247px; height:73px; float:left; text-indent:-1000px;}

.tate_logo{
	width:134px;
	height:87px;
	position:absolute;
	top: 45px;
	left: 754px;
}
.tate_logo a{ text-decoration:none; background:url(/images/tate_logo.gif) no-repeat left top; width:134px; height:87px; float:left; text-indent:-1000px;}

.menu{
	position:absolute;
	top: 151px;
	left: 28px;
}

.menu ul{ margin:0; padding:0;}
.menu ul li{ list-style:none; float:left;}
.menu ul li a{ text-decoration:none; float:left; height:31px; background:url(/images/menu.gif) no-repeat; text-indent:-1000px;}

.menu .menu1 a{ width:188px; background-position:0 0;}
.menu .menu2 a{ width:128px; background-position:-188px 0;}
.menu .menu3 a{ width:190px; background-position:-316px 0;}
.menu .menu4 a{ width:110px; background-position:-506px 0;}
.menu .menu5 a{ width:104px; background-position:-616px 0;}
.menu .menu6 a{ width:148px; background-position:-720px 0;}

.menu .menu7 a{ width:188px; background-position:0 0;}
.menu .menu8 a{ width:128px; background-position:-188px 0;}
.menu .menu9 a{ width:190px; background-position:-316px 0;}
.menu .menu10 a{ width:110px; background-position:-506px 0;}
.menu .menu11 a{ width:104px; background-position:-616px 0;}
.menu .menu12 a{ width:148px; background-position:-720px 0;}

.menu .menu1 a:hover, .menu .menu1 a.active{ background-position:0 -31px;}
.menu .menu2 a:hover, .menu .menu2 a.active{ background-position:-188px -31px;}
.menu .menu3 a:hover, .menu .menu3 a.active{ background-position:-316px -31px;}
.menu .menu4 a:hover, .menu .menu4 a.active{ background-position:-506px -31px;}
.menu .menu5 a:hover, .menu .menu5 a.active{ background-position:-616px -31px;}
.menu .menu6 a:hover, .menu .menu6 a.active{ background-position:-720px -31px;}

.menu .menu7 a{ background-position:0 -31px;}
.menu .menu8 a{ background-position:-188px -31px;}
.menu .menu9 a{ background-position:-316px -31px;}
.menu .menu10 a{ background-position:-506px -31px;}
.menu .menu11 a{ background-position:-616px -31px;}
.menu .menu12 a{ background-position:-720px -31px;}

.shop_cart {
	width:120px;
	height:24px;
	position:absolute;
	top: 193px;
	left: 533px;
	color:#fff;
	font-size:14px;
}

.shop_cart a { color: #fff; }

.callus{
	width:202px;
	height:24px;
	position:absolute;
	top: 190px;
	left: 692px;
	color:#fff;
	font-size:14px;
}
.callus span{ font-size:18px; font-weight:bold;}

.item{
	width:260px;
	height:24px;
	position:absolute;
	top: 10px;
	left: 639px;
	color:#7997A1;
}
.item span{ color:#fff;}

#body{ width:100%; background:url(/images/body_bg.gif) repeat-x bottom;}
.bodymain{ margin:auto; width:950px;}

.flash_hdr{ margin: 20px auto 0; z-index:100; position:relative; width:842px;}

.content_area{ background:url(/images/content_area_bg.gif) no-repeat bottom;}
.content{ background:url(/images/content_bg.gif) no-repeat top center; padding:30px;}
.content h1{ 
	margin:0 0 10px 0; padding:0; font-size:20px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#3D393A;
	}

.bottom_content{ background:url(/images/bottom_content_bg.gif) no-repeat top; position:relative; height:300px;}

.bottom_portfolio{ position:relative; height:50px; clear:both;}
.bottom_tatesystems{ position:relative; }
.bottom_checkout{ position:relative; height:640px;}

.about{
	width:226px;
	position:absolute;
	left: 50px;
	top: 20px;
	margin:0 0 0 15px;
}
.about h1{ 
	margin:0 0 10px 0; padding:0; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#3D393A;
	}
.about a{ 
	float:right; text-decoration:none; color:#10587A; font-weight:bold; 
	background:url(/images/arr1.gif) no-repeat right 6px; padding:0 15px 0 0; margin:20px 0 0 0;}

.shopnow{
	width:290px;
	position:absolute;
	left: 337px;
	top: 20px;
}
.shopnow h1{ 
	margin:0 0 10px 0; padding:0 0 6px 90px; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#3D393A; background:url(/images/shopnow_bg.gif) no-repeat left 2px;
	}
.shopnow p{ margin:0 0 8px 0; }
.shopnow a{ 
	text-decoration:none; color:#fff; font-weight:bold; 
	background:url(/images/btn_bg_1.gif) no-repeat; padding:6px 35px 6px 8px; margin:10px 5px 0 0;}


.green_building{
	width:220px;
	position:absolute;
	left: 660px;
	top: 18px;
}
.green_building h1{ 
	margin:0; padding:0 0 12px 0; font-size:24px; 
	font-weight:normal; font-family: "Helvetica-Condensed-light-light", Arial, Helvetica, sans-serif;
	color:#3D393A; background:url(/images/greenbuilding_bg.gif) no-repeat 170px 0;
	}
.green_building h2{ 
	margin:0; padding:0;
	font-weight:bold; font-size:12px;
	color:#10587A;
	}
.green_building a{ 
	float:right; text-decoration:none; color:#10587A; font-weight:bold; 
	background:url(/images/arr1.gif) no-repeat right 6px; padding:0 15px 0 0; margin:15px 0 0 0;}
	
.clear{ clear:both;}

#footer{ width:100%; background:url(/images/footer_bg.gif) repeat-x bottom; height:45px;}
.footermain{ margin:auto; width:923px; height:30px; color:#7997A1; font-size:11px; padding:15px 0 0 80px;}
.footermain a{ text-decoration:none; color:#7997A1; padding:0 10px 0 10px;}
.footermain p{ float:left;}
.footermain span{ background:url(/images/footermain_bg.gif) no-repeat 0 0; width:468px; height:28px; color:#E9E6C2; font-weight:bold; margin:-6px 10px 0 10px; float:left; padding:5px 0 0 0; text-align:center;}
.footermain span a{ color:#E9E6C2; text-decoration:underline;}

/*------- About and Contact ------------------------------------------------*/

.aboutus{ width:400px; float:left; background:url(/images/divider.gif) no-repeat right 13px; padding:0 40px 0 0; margin:0 0 15px 0;}
.aboutus ul{ margin:20px 0 0 10px; padding:10px;}
.aboutus ul li{ list-style: disc; line-height:20px; font-weight:bold; color:#10587A;}

*html .contact{  width:300px; float:left; margin:0 0 0 20px;}
.contact{  width:400px; float:left; margin:0 0 0 20px;}
.contact a{ color:#454545;}
.contact a:hover{ color:#000000; text-decoration:none;}
.contact ul{ margin:20px 0 0 10px; padding:10px;}
.contact ul li{ list-style:disc; line-height:20px; font-weight:bold; color:#10587A;}

/*------- What is Access Flooring ------------------------------------------------*/

.access_flooring img{ float:left;}
.access_flooring .col{ margin:0 0 0 340px;}

/*------- Portfolio ------------------------------------------------*/

/* *html .portfolio_left{ width:300px; float:left; background:url(/images/divider_2.gif) no-repeat right 13px; padding:0 40px 10px 0; margin:0 0 10px 0;} */
.portfolio_left{ width:380px; float:left; background:url(/images/divider_2.gif) no-repeat right 13px; padding:0 40px 10px 20px; margin:0 0 15px 0;}
.portfolio_right{ width:400px; float:left; margin:0 0 0 20px;}
/* html .portfolio_right{ width:300px; float:left; margin:0 0 0 10px;}*/

.portfolio_left ul, .portfolio_right ul{ margin:20px 0 0 0; padding:0;}
.portfolio_left ul li, .portfolio_right ul li{ list-style:none; line-height:20px; font-weight:bold; color:#10587A; position:relative;}
.portfolio_left ul li span, .portfolio_right ul li span{ position:absolute; right:20px; top:0; font-weight:normal;}
.image3{ /* position:absolute; margin-left: 600px; margin-top:-167px; */}
.image2, .image3{ display: inline; padding-left: 49px;/*position:absolute; margin-top:-167px; margin-left:300px; */}

/*------- Tate Systems ------------------------------------------------*/

.pro_list{ margin:0 0 10px 0; padding:4px;}
.pro_list img{ float:left; position:relative;}
.pro_list .col1{ margin:0 0 0 270px;}
.pro_list .col1 a{ 
	float:left; text-decoration:none; color:#10587A; font-weight:bold; 
	background:url(/images/arr1.gif) no-repeat right 6px; padding:0 15px 0 0; margin:20px 0 0 0; position:relative;}


.pro_list_bg{ background:#F4F3E1;}

.left_col{ width:215px; float:left; border:#fff solid 1px; background:#C7C5A9; padding:1px; margin:-55px 0 -15px 0; position:relative;}
.left_col ul{ margin:0; padding:0 0 20px 0; border:#fff solid 5px; background:#EDEDED;}
.left_col ul h1{ margin:0; padding:4px 10px; border-bottom:#fff solid 1px;}
.left_col ul li{ list-style:none; border-bottom:#D5D5D5 solid 1px;}
.left_col ul li div{ 
	text-decoration:none; color:#10587A; 
	font-weight:bold; border-bottom:#fff solid 1px; display:block;
	padding:4px 10px;}
.left_col ul li a{ 
	text-decoration:none; color:#10587A; 
	font-weight:bold; border-bottom:#fff solid 1px; display:block;
	padding:4px 10px;}
.left_col ul li a:hover{ background:#10587A; color:#fff;}
.left_col ul li a.active{ background:#10587A; color:#fff;}
.left_col ul li :hover{ background:#10587A; color:#fff;}
.left_col ul li .active{ background:#10587A; color:#fff;}
.left_height1 ul{ height:600px;}
.left_height2 ul{ height:300px;}

.backtocat { border: 0 !important; color: #fff !important; padding:6px 0 6px 3px !important; }
.backtocat a { color: #fff !important; background:url(/images/btn_bg_3.gif) no-repeat !important; padding: 6px 2px 6px 4px !important;}
.backtocat a:hover { background: url(/images/btn_bg_3.gif) no-repeat !important; }
.backtocat a.active { background: url(/images/btn_bg_3.gif) no-repeat !important; }

.right_col{ margin:0 0 0 240px}
.right_col .col2{ margin:0 0 20px 0;}
.right_col .col2 p{ width:300px; float:left; margin:0 20px 0 0;}
.right_col .col2 .img{ width:252px; float:left;}

.list1{ margin:0; padding:0;}
.list1 li{ list-style:none; padding: 8px 8px;}
.list1 .r1{ background:#F4F3E1;}

.pro_detail{ margin:0 0 0 330px;}
.pro_detail div{ margin:15px 0 15px 0; font-weight:bold; color:#000;}
.pro_detail div label{ color:#10587A; padding:0 5px 0 0;}
.pro_detail div input{ font-size:12px; width:20px; border:#A2A2A2 solid 1px; color:#454545;}
.pro_detail a{ 
	text-decoration:none; color:#fff; font-weight:bold; 
	background:url(/images/btn_bg_2.gif) no-repeat; padding:6px 45px 6px 8px;}

.pro_detail_img{ width:306px; float:left;}
.pro_detail_img img{ border:#BEBC9F solid 1px; background:#fff; padding:1px; overflow:hidden;}
.pro_detail_img span{ border:#BEBC9F solid 1px; background:#fff; padding:1px; float:left; border-top:0;}
*html .pro_detail_img span{ 
	float:left; 
	margin:-2px 0 0 0;}
*+html .pro_detail_img span{ 
	float:left;
	margin:-2px 0 0 0;}
.pro_detail_img span span{ 
	border:0;
	width:auto;
	background:url(/images/icon_view.gif) no-repeat 108px 3px #10587A; 
	width:302px;
	color:#fff;
	text-align:center;
	text-decoration: underline;
	cursor: pointer;
	}
	
	
/*------- Shop ------------------------------------------------*/

.list2{ margin:20px 0 20px 0; padding:0;}
.list2 li{ 
	list-style:none; font-weight:bold; color:#10587A; 
	padding:4px 18px; background:url(/images/arr1.gif) no-repeat 5px 10px;}
.list2 .r1{ background:url(/images/arr1.gif) no-repeat 5px 10px #F4F3E1;}

.pre_owned{ width:250px; float:left; padding:0px 30px 20px 15px; margin:5px 0 0 0; background:url(/images/divider.gif) no-repeat right 13px;}

.tate_pro{ width:265px; float:left; padding:0px 30px 8px 17px; margin:5px 0 0 0; background:url(/images/divider.gif) no-repeat right 13px; }

.serv_acce{width:250px; float:left; padding:0px 15px 10px 15px; margin:5px 0 0 0;}

.links{ height:26px; text-align:center; margin:10px 0 0 0;}
.link1 a{ 
	text-decoration:none; color:#fff; font-weight:bold; 
	background:url(/images/btn_bg_3.gif) no-repeat; padding:6px 0 6px 0; width:194px; display:block; margin:auto;}

.left_col ul .links .link2 { 
	text-decoration:none; 
	color:#fff;
	 font-weight:bold; 
	background:url(/images/btn_bg_1.gif) no-repeat; 
	padding:6px 0 6px 0; 
	width:126px; 
	display:block; 
	margin:auto;
}

a img { border: 0; }

/*--------------------------Products-----------------------------------*/

.products ul{ margin:0; padding:0;}
.products li{ list-style:none; width:185px; height:138px; float:left; margin:20px 20px 0 0; position:relative;}
.products div img{ width:185px; height:115px; position:absolute; left:0; top:0;}
.products .input{ border:#BEBC9F solid 1px; position:absolute; left:0; bottom:0;}
.products .input input{ 
	padding:0; margin:0; width:183px; 
	background:#10587A; border:#FFF solid 1px;
	cursor:pointer;
	color:#fff;}
	
.shopping ul{ margin:0; padding:0; float:left;}
.shopping li{ list-style:none; float:left; margin:0 30px 0 0;}

.shopping .product_name{ width:160px;}
.shopping .product_name img{ width:159px; padding:1px; background:#fff; border:#BEBC9F solid 1px; margin:0 0 20px 0;}

.shopping .description{ width:270px;}

.shopping .quantity{ width:100px;}
.shopping .quantity input{ width:40px; border:#A2A2A2 solid 1px;}

.shopping .button a{ 
	text-decoration:none; color:#fff; font-weight:bold; 
	background:url(/images/btn_bg_2.gif) no-repeat; padding:6px 35px 6px 20px; float:left;}
	
.shopping .button .button_left { padding:6px 25px 6px 30px; background:url(/images/btn_bg_5.gif) no-repeat; margin-right:250px;}


.enter h3 { position:relative}

.enter .button a{ 
	text-decoration:none; color:#fff; font-weight:bold; 
	background:url(/images/btn_bg_2.gif) no-repeat; padding:6px 35px 6px 20px; float:left;}
	
.enter .button .button_left { padding:6px 25px 6px 30px; background:url(/images/btn_bg_5.gif) no-repeat; margin-right:250px;}

.enter .enter_padding { padding:35px 0}

.enter_form { padding:0; margin:0; width:330px; float:left}
.enter_form .left_text { width:122px; float:left; line-height:20px; font-weight:bold; color:#000000}
.enter_form .right_input { float:left}
.enter_form .right_input  input { width:190px; height:21px; border:0 none}
.enter_form .clear { font:0px; line-height:0px; clear:both; height:5px}

.right_col1 { margin:0 0 0 20px; width:620px; float:left}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

.confirm_padding { padding:35px 0}
.confirm_bg { background:#d6d3b1}
.confirm { line-height:30px;}
.confirm div { float:left; padding:0 10px}
.confirm div.title { width:140px; font-weight:bold}
.confirm div.text{ width:380px}
.confirm div.qty { width:39px; font-weight:bold}

.error-message { text-align:right; color:red; padding-right:25px}
.margin_top_20 { margin-top:20px; }

.breadcrumb { color:#0C465C; margin: 0px 0px 10px 0px;}
.breadcrumb a { margin: 0px 5px; color:#0C465C; }




.tate_intro { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; width: 580px; }
.tate_main { margin-top: 20px; }
.tate_blurb { width: 430px; float: left; height: 140px; position: relative; }
.tate_blurb .image { position: absolute; top: 0px; left: 0px; }
.tate_blurb .copy { position: absolute; top: 4px; left: 195px; width: 230px; }
.tate_blurb .copy b { font-size: 13px; font-weight: bold; }
.tate_blurb .copy .description { margin: 2px 0 0 0; line-height: 14px; }
.tate_blurb .copy .readmore { margin: 2px 0 0 0; background: url(images/arrow.gif) 65px 2px no-repeat; width: 100px; }
.tate_blurb .copy .readmore a { color: #093d52; font-size: 13px; text-decoration: none; }
.clear { clear: both; }
.left { margin-right: 15px; }