@charset "utf-8";

body {
	background-attachment: scroll;
	background: #000 url(../images/vertical_slats1.jpg) repeat-x top center;
	/*background: #000 url(../images/vertical_slats3.jpg) no-repeat top center;*/
	/*background-image: url(../images/vertical_slats3.jpg);*/
	/*background-image: url(file:///C|/Sites/affordable_fence/test2/images/vertical_slats2.jpg);*/
	/*background-repeat: no-repeat;*/
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
body * {
	font-size: 100%;
}
/* font size for IE */
/*body{
[...]
   font-size:smaller;	
}*/
html>body { font-size:60%; } /* escaping IE, font size for others */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}
ul.symbolList {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.AbsWrap {
	position: relative;
	width: 100%;
}
.rowWrap {
	width: 100%;
}
#main {
	margin: 0px auto;
	width: 933px;
}
#top_nav {
	height:40px;
	margin-top: 30px;
	margin-left:140px;
}

#top_nav_bkgd {
	/*margin-left: 236px;*/
	margin-top: 0px;
	background: url(../images/top_nav_bkgd1.jpg)  no-repeat top left;
	/*overflow: hidden;*/
	display: inline;
	float: left;
	height: 79px;
	margin-bottom: 0;
	width: 933px;
}
#colwrap1 {
	float: right;
	margin-left: 0px;
	margin-top: 0px;
	width: 113px;
}
#logo {
	margin-right: 0px;
	margin-top: 0px;
	display: inline;
	float: right;
	height: 48px;
	margin-bottom: 0;
	width: 113px;
}
/*#af_index_r3_c4 {
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../images/fw_images/af_index_r3_c4.jpg);
	overflow: hidden;
	display: inline;
	float: right;
	height: 21px;
	margin-bottom: 0;
	width: 113px;
}
#af_index_r2_c2 {
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../images/fw_images/af_index_r2_c2.jpg);
	overflow: hidden;
	display: inline;
	float: right;
	height: 69px;
	margin-bottom: 0;
	width: 21px;
}*/
.Affordable_Fence_will {
	width:933px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	text-align: center;
	color: #868383;
	line-height: 100%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin:0px auto;
	margin-top: 9px;
	/*display: inline;*/
	/*float: left;*/
	margin-bottom: 0;
}
#colwrap2 {
	position:relative;
	/*float: left;*/
	margin:0px auto;
	margin-top: 0px;
	width: 933px;
}
#ss_top_cnrs_container { 
	position:relative;
	background: url(../images/ss_cnrs_top.gif) #0C0C0C no-repeat left top;
	border-left:1px solid #8C5513;
	width:710px; 
	height:13px;
 	/*margin-left: 236px;*/
 	margin-top: 0px;
	padding-top: 0px;
 	display: inline;
 	float: left;
} 

#slideshow_tabs {
	position:relative;
	display:inline;
	/*margin-left: 236px;*/
	margin-top:0;
	/*border-left:1px solid #8c5513; */
	width:708px; 
	height:24px; 
	float:left; 
	/*background: #000 url(../images/slideshow_tabs1.gif) no-repeat left top;*/
	/*background: #000 url(../images/tab_bkgd.jpg) no-repeat left top;*/
}
/******************************************Tab Setup*/
#vinyl,#aluminum,#wood,#chain{
	font: bold normal 175% normal Arial, Helvetica, sans-serif;
	/*border-top: 1px solid #8c5513;*/
	border-left: 2px solid #6D4315;
	/*border-right: 1px solid #8c5513;*/
	background: #000 url(../images/tab_bkgd.gif)  no-repeat right top;
	font-weight:bold;
	line-height:135%;
	color: #000;
	position:relative;
	display:inline;
	margin-top:0;
	height:24px; 
	float:left; 
	/*border: 1px solid #3FF;*/
}
#aluminum {
	background-image:url(../images/tab_selected_bkgd.gif);
	width:103px;
	text-align:center;
}
#vinyl {
	width:82px;	
	text-align:center;
}
#wood {
	width:85px;
	text-align:center;
}
#chain {
	/*background:url(../images/tab_bkgd_chain.gif) no-repeat top right;*/
	/*border-right:none;
	border-top:none;*/
	width:86px;
	text-align:center;
}

/*****************************SLIDESHOW STARTS HERE*****************************/
#slideshow_div {
	/*margin-left: 236px;*/
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;
	border-left: 1px solid #8c5513;
	border-right: 1px solid #8c5513;
	width: 708px;
	padding-top: 0px;
/*	height: 451px;*/
}
html > body #slideshow_div {
	height: auto;
	min-height: 370px;
}
#slideshow_gradient_borders {
	margin-left: 65px;
	margin-top: 25px;
	background: url(../images/slideshow_border_gradients.jpg) #0C0C0C no-repeat center center;
	overflow: hidden;
	display: inline;
	float: left;
	width: 574px;
	height: 340px;	
	
}
/*
This rule centers the div that holds the slideshow image. It can be done here because the dimensions of the div are known.  The dimensions of the images in the slideshow are all different so the images are centered in slideshow.js centerImage().*/
#slides{	
position:relative;
top: 50%;
left: 50%;
margin-top:-150px;   /*1/2 of height*/
margin-left:-274px;		/*1/2 of width*/
overflow: hidden;
width: 552px;
height: 332px;
}
#slides img {	
	display:block;
	overflow: hidden;		
}
.navButton {
	width:30px;
	height:31px;
	margin-left:8px;
	background: #0C0C0C url(../images/normal_nav_but.gif) no-repeat;
	background-position:center;
	/*background-repeat:no-repeat;*/
	display:inline;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	 
	font-size:19px;
	padding-top:9px;
	padding-left:0px;
}
#navButDivContainer{
	/*margin-left: 236px;*/
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;
	border-left: 1px solid #8c5513;
	border-right: 1px solid #8c5513;
	width: 708px;
	padding-top: 0px;	
}
#navButtonsDiv {
	margin-left: 162px;
	margin-top: 6px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;	
	width: 470px;
	padding-top: 0px;
	height: 50px;
}
/*html > body #navButDivContainer {
	height: auto;
	min-height: 70px;
}*/
/*#SLIDESIMG {
	margin-left:82px;
	margin-top:50px;
}*/
/**********************************SLIDESHOW ENDS HERE**************************/

.Txt_click {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	text-align: left;
	color: #fe9900;
	line-height: 100%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 75px;
	margin-top: 3px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 196px;
	height:15px;
}
.Txt_click2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	text-align: right;
	color: #fe9900;
	line-height: 100%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-right: 82px;
	margin-top: 3px;
	display: inline;
	float: right;
	margin-bottom: 0;
	width: 144px;
	height:15px;
}
#af_index_r10_c7 {
	margin-left: 145px;
	margin-top: 1px;
	display: inline;
	float: left;
	height: 45px;
	margin-bottom: 0;
	width: 416px;
}

#SLIDESTEXT{
	margin-left:153px;
	margin-top:5px;
	margin-bottom:5px;
	color:#CCC;
	width:400px;
	/*height:45px;*/

	text-align:center;	
	font: normal 12px Arial, Helvetica, sans-serif;
}
.ss_dscrip_title {
	margin-left:0;
	font: bold 15px/normal Arial, Helvetica, sans-serif;
	color: #E5E5E5;
}
#slide_descrip_bkgd_div_container {
	/*margin-left: 236px;*/
	margin-top: 0;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color:#0c0c0c;
	/*background: url(../images/ss_descrip_bkgd1.jpg) #0c0c0c no-repeat center center;*/
	border-left: 1px solid #8c5513;
	border-right: 1px solid #8c5513;
	border-bottom:none;
	width: 708px;
	padding-top: 0px;
	height: auto;
	min-height:90px;
}
	
#slide_descrip_bkgd_div{
/*	margin-left: 236px;*/
	margin-top: 0;
	display: inline;
	float: left;
	margin-bottom: 0;
	background: url(../images/ss_descrip_bkgd1.jpg) #0c0c0c no-repeat center center;
	/*border-left: 1px solid #8c5513;
	border-right: 1px solid #8c5513;
	border-bottom:none;*/
	width: 708px;
	padding-top: 0px;
	/*height: 55px;*/
}
html > body #slide_descrip_bkgd_div {
	height: auto;
	min-height: 40px;
}

/*html > body #ss_controls {
	height: auto;
	min-height: 32px;
}*/
#ss_bot_cnrs_container {
  zoom: 1;
  }

#ss_bot_cnrs_container { 
	position:relative;
	background: url(../images/ss_cnrs_bot.gif) #0C0C0C no-repeat left top; 
	width:710px; 
	height:13px;
 	/*margin-left: 236px;*/
 	margin-top: -1px;
	padding-top: 0px;
 	display: inline;
 	float: left;
} 
 /*#ss_bot_cnrs_l {
	 background: url(../images/ss_cnr_bot_l.gif) #8C5513 no-repeat top left; width:12px; height:12px; float:left; border:none; margin-top: 0px; 
	 } 
 #ss_bot_cnrs_c 
 { background-color:#0C0C0C; border-bottom:1px solid #8c5513; width:686px; height:12px; float:left; margin-top:-0px;
 } 
 #ss_bot_cnrs_r 
 { background: url(../images/ss_cnr_bot_r.gif) #8C5513 no-repeat top right; width:12px; height:12px; float:left; border:none; margin-top: 0px;
 }*/
#af_index_r13_c8 {
	margin-left: 290px;
	margin-top: 4px;
	display: inline;
	float: left;
	height: 19px;
	margin-bottom: 0;
	width: 127px;
}
.block_bkgd {
	width:20px;
	height:500px;
	background: #000 url(../images/trans_gig.gif) no-repeat;
	float:right;
}
#r_col_container {
	background-color:#000;
	float:right;
	/*width:244px;
	margin-right:28px;*/
}
#r_col_aluminum {
	position:relative;
	display:block;
	text-align:center;
	/*float: right;*/
	width: 200px;
	height:auto;
	min-height:500px;
}
.h2__heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 210%;
	font-weight: bold;
	text-align: center;
	color: #fe9900;
	line-height: 92.82%;
	padding-bottom: 2px;
	padding-top: 1px;
	/*margin-left: 20px;*/
	margin-top: 18px;
	/*display: inline;*/
	/*float: left;*/
	margin-bottom: 0;
	/*width: 203px;*/
}

#r_col_diamonds {
	/*margin-left: 20px;*/
	margin-top: 18px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;
	border: 1px solid #1c1c1c;
	width: 200px;
	padding-top: 0px;
	height: 189px;
}
html > body #r_col_diamonds {
	height: auto;
	min-height: 188px;
}
#af_index_r6_c16 {
	margin-left: 11px;
	margin-top: 7px;
	display: inline;
	float: left;
	height: 108px;
	margin-bottom: 0;
	width: 177px;
}
.h4_diamonds_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fe9900;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 15px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 175px;
}
.Txt_Diamonds {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #b8b3b3;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 12px;
	margin-top: 4px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 178px;
}
#r_col_finials {
	/*margin-left: 20px;*/
	margin-top: 15px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;
	border: 1px solid #1c1c1c;
	width: 200px;
	padding-top: 0px;
	height: 173px;
}
#r_col_xos {
	/*margin-left: 20px;*/
	margin-top: 15px;
	display: inline;
	float: left;
	margin-bottom: 0;
	background-color: #0c0c0c;
	border: 1px solid #1c1c1c;
	width: 200px;
	padding-top: 0px;
	height: 175px;
}
html > body #r_col_finials {
	height: auto;
	min-height: 172px;
}
#af_index_r8_c16 {
	margin-left: 11px;
	margin-top: 7px;
	display: inline;
	float: left;
	height: 108px;
	margin-bottom: 0;
	width: 177px;
}
.h4_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fe9900;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 10px;
	margin-top: 9px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 179px;
}
.Txt_Finials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #b8b3b3;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 11px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 181px;
}

html > body #r_col_xos {
	height: auto;
	min-height: 174px;
}
#af_index_r16_c17 {
	margin-left: 11px;
	margin-top: 9px;
	display: inline;
	float: left;
	height: 109px;
	margin-bottom: 0;
	width: 176px;
}
.h4_xos_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fe9900;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 11px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 179px;
}
.Txt_Rings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #b8b2b2;
	line-height: 90%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 11px;
	margin-top: 1px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 181px;
}
#r_col_chain{
	text-align: center;
	background-color:#000;
	position:relative;
	display:none;
	/*float: left;
	margin-right:5px;*/
	width: 200px;
	height:auto;
	min-height:500px;	
	margin-top: 19px;
}
#chain_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 210%;
	font-weight: bold;
	text-align: center;
	color: #fe9900;
	line-height: 92.82%;
	padding-bottom: 2px;
	padding-top: 1px;
	/*margin-left:20px;*/
	margin-top: 6px;
	display: inline;
	/*float: left;*/
	margin-bottom: 0;
	/*width: 200px;*/
}
	
#chain_specs {
	margin-left: 0px;
	margin-top:17px;
	font: normal 13px/normal Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	background: #0c0c0c;
	border: 1px solid #1c1c1c;
}
#chain_specs tr td, #chain_specs tr th{
	/*padding-left: 10px;*/
}

/*#colwrap4 {
	position:relative;
	float: left;
	margin-left: 236px;
	margin-top: -68px;
	width: 708px;
}*/
#footer {
	position:relative;
	/*margin-left: 236px;*/
	margin-top: 8px;
	display: inline;
	float: left;
	margin-bottom: 10px;
	background-color: #0c0c0c;
	width: 708px;
	padding-top: 0px;
	height: 65px;
}
/*html > body #footer {
	height: auto;
	min-height: 65px;
}*/
#footer_cnrs_left {
	background-image: url(../images/footer_cnrs_left_tb.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 65px;
	margin-bottom: 0;
	width: 15px;
}
#xo_logo {
	position:relative;
	width:80px;
	height:35px;
	margin-top:15px;
	display: inline;
	float:right;
	background: url(../images/xo_logo_trans_bkgd.gif) #0c0c0c no-repeat center center;	
}
#footer_cnrs_right {
	position:relative;
	background-image: url(../images/footer_cnrs_right_tb.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-right: 0px;
	margin-top: 0px;
	display: inline;
	float:right;
	height: 65px;
	margin-bottom: 0;
	width: 17px;
}
.Txt_Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: left;
	color: #868383;
	line-height: 100%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 0px;
	margin-top: 28px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 266px;
}
.footer_copy {
	width: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: left;
	color: #868383;
	line-height: 100%;
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left:43px;
	margin-top: 28px;
	display: inline;
	float: left;
	margin-bottom: 0;
	
}
/*#colwrap2 #r_col_container #r_col_aluminum #see_acc_bot_container .see_all_acc {
	padding-top: 10px;
	display: block;
}*/

.see_all_acc:link, .see_all_acc:visited {
	/*margin-left: 60px;*/
	padding-top:5px;
	display: block;
	/*float: left;*/
	margin-bottom: 0;
	color: #635fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-decoration: underline;
}
.see_all_acc:visited {
	color: #551a8b;
	font-weight: bold;
	text-decoration: underline;
}
.see_all_acc:hover, .see_all_acc:focus {
	color: #00e;
	font-weight: bold;
	text-decoration: underline;
}
.see_all_acc:active {
	color: #00e;
	font-weight: bold;
	text-decoration: underline;
}

/********************************************************************Slideshow Controls**************************/
#ss_controls_container {
	position:relative;
	/*margin-left: 236px;*/
	margin-top: 0;
	display: inline;
	float: left;
	background-color: #0c0c0c;
	border-left: 1px solid #8c5513;
	border-right: 1px solid #8c5513;
	width: 708px;
	padding-top: 0px;
	height: 24px;
}
#ss_controls {	
	height: 24px;
	width:260px;
	background: #0c0c0c;
	margin-left:220px;
}
.ss_control {	
	display: inline;
	float: left;
	height: 24px;
	margin-left:16px;
	border-style: none;
}

/*Slideshow Control Links*/
.ss_links {
	display:block;
	height:25px;
	border: 1px solid #0c0c0c;  /*same color as background; used so other borders don't move contents*/
}
.ss_links:hover  {
	border: 1px solid #0c0c0c;
}
.ss_links:active  {
	border: 1px solid #0c0c0c;
}
.ss_links:visited  {
	border: 1px solid #0c0c0c;
}
#ss_ll .ss_links {
	width:19px;
	background: #0c0c0c url(../images/ss_buttons_ll.jpg) no-repeat left top;
}
#ss_ll .ss_links:hover {
background:	#0c0c0c url(../images/ss_buttons_ll.jpg) no-repeat left top;
}
#ss_ll .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_ll.jpg) no-repeat bottom right;
}
#ss_l .ss_links {
	width:12px;
	background: #0c0c0c url(../images/ss_buttons_l.jpg) no-repeat top left;
}
#ss_l .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_l.jpg) no-repeat top left;
}
#ss_l .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_l.jpg) no-repeat bottom right;
}

#ss_stop .ss_links {
	width:24px;
	background: #0c0c0c url(../images/ss_buttons_stop.jpg) no-repeat top left;
}
#ss_stop .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_stop.jpg) no-repeat top left;
}
#ss_stop .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_stop.jpg) no-repeat bottom right;
}

#ss_pause .ss_links {
	width:12px;
	background: #0c0c0c url(../images/ss_buttons_pause.jpg) no-repeat top left;
}
#ss_pause .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_pause.jpg) no-repeat top left;
}
#ss_pause .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_pause.jpg) no-repeat bottom right;
}

#ss_play .ss_links {
	width:19px;
	background: #0c0c0c url(../images/ss_buttons_play.jpg) no-repeat top left;
}
#ss_play .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_play.jpg) no-repeat top left;
}
#ss_play .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_play.jpg) no-repeat bottom right;
}

#ss_r .ss_links {
	width:13px;
	background: #0c0c0c url(../images/ss_buttons_r.jpg) no-repeat top left;
}
#ss_r .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_r.jpg) no-repeat top left;
}
#ss_r .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_r.jpg) no-repeat bottom right;
}

#ss_rr .ss_links {
	width:19px;
	background: #0c0c0c url(../images/ss_buttons_rr.jpg) no-repeat top left;
}
#ss_rr .ss_links:hover {
background: #0c0c0c url(../images/ss_buttons_rr.jpg) no-repeat top left;
}
#ss_rr .ss_links:active {
	background:	#0c0c0c url(../images/ss_buttons_rr.jpg) no-repeat bottom right;
}
#footer .footer_copy .lastNode .footer_link {
	color: #868383;
	text-decoration: none;
}
#footer .footer_copy .lastNode .footer_link:hover {
	color:#A09F9F;
	text-decoration: underline;
}
/****************************************************************End Slideshow Controls**************************/