/***********************************************/
/* layout.css                                  */
/* Use with Jacksons Fencing                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, smalltext {
	font-family: Arial, sans-serif;
	color: #333333;
	margin: 0px;
	font-size: 75%;
	margin-top: 15px;
}

.text:link, .text:visited{color: #0261A9;text-decoration:none}
.text:hover{color: #333333; text-decoration:underline}

a:link, a:visited{color: #333333;text-decoration:none}
a:hover{color: #333333; text-decoration:underline}

smalltext {
    font-size: 8;
}

h1{
	font-family: Arial, sans-serif;
	font-size: 250%;
	color: #0261A9;
	margin: 0px;
	font-weight: lighter;
}

form 
{
    clear:both;
    margin:0 0 0 0;
    padding:0 0 0 0;
}


.outerform
{
    clear:none;
    display:block;
}


#contoutertim h1{
	font-family: Arial, sans-serif;
	font-size: 250%;
	color: #007652;
	margin: 0px;
	font-weight: lighter;
}

#contouterauto h1{
	font-family: Arial, sans-serif;
	font-size: 250%;
	color: #ff9900;
	margin: 0px;
	font-weight: lighter;
}

#contouterauto h3{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #FF9900;
	margin: 0px;
	font-weight: bold;
}

#contoutertim h3, #continnertim h3{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #39AD73;
	margin: 0px;
	font-weight: bold;
}

h2{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #0261A9;
	font-weight: bold;
	margin: 0px;
}

h3{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #6699CC;
	font-weight: bold;
	margin: 0px;
}

#contoutertim h2, #continnertim h2{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #007652;
	font-weight: bold;
	margin: 0px;
}

#contouterauto h2{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #FF9900;
	font-weight: bold;
	margin: 0px;
}

ul{
	list-style-type: square;
}

/***********************************************/
/* Navigation Divs                             */
/***********************************************/

#topnavbtns{
	float: left;
	height: 51px;
	width: 420px;
	text-align:left;
}

#topnavbtns .header
{
    clear:both;
    color:White;
	text-align:center;
	vertical-align:middle;
	font-size:150%;
}

#leftnav{
	float:left;
	width:173px;
}

.leftnavtext{
	color: #66686A;
	background-image: url(../images/shared/lft_nav_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 4px;
}

.leftnavtext a, .leftnavtext a:visited {
	color: #66686A;
	text-decoration: none;
}

.leftnavtext a:hover {
	color: #0261A9;
	text-decoration: underline;
}

.subnavtexthdr{
	color: #ffffff;
	background: #0261A9;
	background-image: url(../images/shared/lft_nav_subttl_arr.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.subnavtexthdrtim{
	color: #ffffff;
	background: #007652;
	background-image: url(../images/shared/lft_nav_subttl_arr.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.subnavtexthdrauto{
	color: #ffffff;
	background: #FF9900;
	background-image: url(../images/shared/lft_nav_subttl_arr.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.subnavtext{
	color: #0261A9;
	background: #F0F0F0;
	background-image: url(../images/shared/lft_nav_sub_arr.gif);
	background-repeat: no-repeat;
	padding-left: 27px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.subnavtext .timber{
	color: #007652;
}

.subnavtext .auto{
	color: #ff9900;
}

.subnavtext a {
	color: #66686A;
	text-decoration: none;
}

.subnavtext a:hover {
	color: #0261A9;
	text-decoration: underline;
}

.subnavtext .timber a:hover{
	color: #007652;
}

.subnavtext .auto a:hover{
	color: #ff9900;
}

#botnav{ width: 779px; color: #66686A; clear: both; text-align:right; } 
.botnavtext{ width: 779px; color: #66686A; } 
#botnavtext2{ padding-left: 70px; float: right; }

#botnav a{
	color: #66686A;
	clear: both;
	text-decoration:none;
}

#botnav a:visited{
	color: #66686A;
	clear: both;
	text-decoration:none;
}

#botnav a:hover{
	color: #66686A;
	clear: both;
	text-decoration:underline;
}

.botnavtext{
	color: #66686A;
}

.botnavtext a {
	color: #66686A;
	text-decoration: none;
}

.botnavtext a:hover {
	color: #0261A9;
	text-decoration: underline;
}

#breadnavtext{
	width:586px;
	height:25px;
	color: #66686A;
	margin-right: 10px;
}

#breadnavtext a {
	color: #66686A;
	text-decoration: none;
}

#breadnavtext a:hover {
	color: #0261A9;
	text-decoration: underline;
}

#rangenavtext{
	color: #66686A;
	margin-top: 10px;
	width: 596px;
	text-align: left;
}

#divGuarantee
{
    width:69px;
    margin-left:5px;
    float:right;
}


#rangenavtexttop
{
	text-align: left;
	float:left;
	width:515px;
}

#rangenavtext a, #rangenavtexttop a {
	color: #0261A9;
	text-decoration: none;
}

#rangenavtext #timber a, #rangenavtexttop #timber a{
	color: #007652;
}

#rangenavtext #auto a, #rangenavtexttop #auto a {
	color: #ff9900;
}

#rangenavtext a:hover, #rangenavtexttop a:hover {
	text-decoration: underline;
	background-color:#F0F0F0;
}

#rangenavtext #timber a:hover, #rangenavtexttop #timber a:hover {
	color: #007652;
}

#rangenavtext #auto a:hover, #rangenavtexttop #auto a:hover {
	color: #ff9900;
}

.rangenavtexton {
	background-color:#F0F0F0;
}

.rangenavtextontimber {
	color: #007652;
}

.rangenavtext2{
	color: #66686A;
	padding-right: 8px;
	padding-bottom: 10px;
	line-height: 1.5;
	float: left;
}

.rangenavtext2 a {
	color: #0261A9;
	text-decoration: none;
}

.rangenavtext2 .timber a {
	color: #007652;
}

.rangenavtext2 .auto a {
	color: #ff9900;
}

.rangenavtext2 a:hover {
	text-decoration: underline;
	background-color:#F0F0F0;
}

.rangenavtext2 .timber a:hover {
	color: #007652;
}


.rangenavtext2 .auto a:hover {
	color: #ff9900;
}

.button1{
	border: 1px solid #8E8E8E;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/shared/btn_bg.gif);
	float: left;
	font-size: 90%;
	margin-top: 2px;
	font-weight:bold;
}

.button1:hover{
	color:#0261A9;
	text-decoration:none
}

.timber_button1, .metal_button1, .auto_button1{
	border: 1px solid #8E8E8E;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/shared/btn_bg.gif);
	float: left;
	font-size: 90%;
	margin-top: 2px;
	font-weight:bold;
}

.timber_button1:hover{
	color:#007652;
	text-decoration:underline;
}

.metal_button1:hover{
	color:#0261A9;
	text-decoration:underline;
}

.auto_button1:hover{
	color:#ff9900;
	text-decoration:underline;
}

#continnertim .button1, #continnermet .button1{
    float:none;
}

.button1 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.button1 a:hover {
	text-decoration: underline;
}

#contoutertim .button1 a:hover, #continnertim .button1 a:hover {
	color: #007652;
}

#contouterauto .button1 a:hover {
	color: #ff9900;
}

#divContentPromo
{
    float:left;
    padding:10px;
	color:#FFFFFF;
    width:576px; 
    border:1px dashed #66686A;
    margin:10px 0px 0px 0px; 
    background:#0261A9;
    text-align:center;
	font-size:1.2em;
}


/***********************************************/
/* Table styles                                */
/***********************************************/

table.layout, .tblBasket{
	background-color: #CCCCCC;
	width: 576px;
}

.treven{
	background-color: #F1F9FE;
}

.treventim{
	background-color: #ECFFEC;
}

.trevenauto{
	background-color: #FFF4E6;
}

table.layout td, .tblBasket td{
	padding: 7px;
	font-size:90%;
}

table.layout th, .tblBasket th{
	color: #0261A9;
	padding: 7px;
	background-color: #F0F0F0;
	font-weight: lighter;
}

.tblBasket th
{
    font-size:1.0em;
    text-align:left;
}
.tblBasket td
{
    font-size:1.0em;
}
.tdClear
{
    background:#FFFFFF;
    border:1px solid white;
}

.metalth{
	color: #0261A9;
	font-size:100%;
}

.timberth{
	color: #007652;
	font-size:100%;
}

.autoth{
	color: #ff9900;
}

.trodd{
	background: #ffffff;
}

/***********************************************/
/* Content Styles                              */
/***********************************************/

#contouter{
	text-align:left;
	width:779px;
	margin:auto;
}

#contoutertim{
	text-align:left;
	width:779px;
	margin:auto;
}

#continnertim{
	margin:auto;
}

#continnertim .text:link, #continnertim .text:visited{color: #007652;text-decoration:none}
#continnertim .text:hover{color: #333333; text-decoration:underline}

#contouterauto{
	text-align:left;
	width:779px;
	margin:auto;
}

#bodyblockouter {
	width:779px;
}

#contright {
	width:596px;
	float: right;
}

#topnavbar{
	width:596px;
	height:51px;
	background:#0261A9;
	color: #333333;
}

.imgblock{
	width:596px;
	text-align:left;
}

.img {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	/* width: 196px; */
}

.imgleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.imghome {
	float: left; 
	margin-bottom: 8px;
	
}

.img p {
	text-align: right;
	font-style: italic;
	color: #999999;
	margin: 0px;
 }

.txtblock{
	width:596px;
	text-align:left;
	border: 1px dashed #66686A;
	margin-top: 10px;
	float:left;
}

.txtblockinner{
	padding : 10px;
	float:left;

}

.txtblockwhite{
	border: 1px dashed #66686A;
	margin-top: 10px;
}

.txtblockgrey{
	border: 1px dashed #66686A;
	background-color: #F0F0F0;
	margin-top: 10px;
}

#txtblockrelouter{
	width:598px;
	margin-top: 10px;
	color: #66686A;	
}

#txtblockrelouter a {
	color: #0261A9;
	text-decoration: none;
}

#txtblockrelouter #timber a {
	color: #007652;
}

#txtblockrelouter #auto a {
	color: #ff9900;
}

#txtblockrelouter a:hover {
	text-decoration: underline;
	background-color:#F0F0F0;
}

#txtblockrelouter #timber a:hover {
	color: #007652;
}

#txtblockrelouter #auto a:hover {
	color: #ff9900;
}

.txtblockrel1{
	border: 1px dashed #66686A;
	width: 171px;
	float: left;
	padding: 10px;
}

#txtblockrel2{
	border: 1px dashed #66686A;
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	padding: 10px;
}

.h1smaller{
	font-size: 70%;
}

.stretchbluepanel {
	background-color: #D8EDFF;
	float: left;
	width: 555px;
	padding: 10px;
	clear:both;
}
/***********************************************/
/* Form Elements                               */
/***********************************************/ 

#boxsearch{
	float: right;
	padding-top: 13px;
	padding-right: 10px;
    display: block;
}

.regular{
	font-size: 100%;
	color: #333333;
	border: 1px solid #333333;
	width: 120px;
	height: 15px;
	vertical-align:middle
}

.search{
	font-size: 100%;
	color: #333333;
	border: 1px solid #333333;
	width: 80px;
	height: 15px;
	vertical-align:middle;
}

.ddregular{
    border: 1px solid #333333;
    font-family: Arial, sans-serif;
    font-size: 90%;
	color: #333333;
}

.cbtitle{
	font-family: Arial, sans-serif;
	font-size: 110%;
	color: #0261A9;
	margin: 0px;
	font-weight: bold;
}

.normal
{
    font-size: 100%;
	color: #333333;
	width: auto;
	height: auto;
	border: 1px solid #333333;
	vertical-align:middle;
}
	
.formerror
{
    color:#cc0000;
    font-weight:bold;
}

.redText
{
    color:#990000;
}

/********* PRINT CSS **************/
#divPrintHeader
{
    display:none;
}


.LoginLeft
{
  Float:Left;


}
.LoginRight
{
  float: right;

}
.formElem,.formElemShort
{
  padding-top:3px;
  float:left;
  width:95px;
  vertical-align: text-bottom;
  /* border:1px solid yellow */
}

.formElemShort
{
    width:45px;
}

.labelElement, .labelElementLong
{
  padding-top:3px;
  float:left;
  width:180px;
  vertical-align: text-bottom;
  /* border:1px solid red */
}
.labelElementLong
{
    width:180px;
}
.formLoginPreReg{
 width:186px;
 float:left;
}
.formRegButt{
 width:182px;
 float:left;
}
.formForgotPW
{
 width:186px;
 float:left;
}

.formLoginButt
{
  width:199px;
  float:left;
}

.LoginDivider
{
  margin-left:20px;
  margin-right:10px;
  float: left;
}
.submitButton
{
  margin-right:50px;
}
.ErrorMsg
{
  color: #FF0000;
  margin-left:5px;
}


.divLeftHalf
{
    float:left;
    margin-bottom:10px;
    width:280px;
   /* border:1px solid red */
}
.divRightHalf
{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
    width:280px;
   /* border:1px solid green */
}

.divErrMsg
{
    color:Red;
    width:560px;
    float:left;
    clear:right;
}

.input_small{
	font-size: 100%;
	color: #333333;
	border: 1px solid #333333;
	width: 40px;
	height: 15px;
	vertical-align:middle
}

#divBskFooter
{
    margin:5px 0px 10px 0px;
    
}

#divBskFooterLeft
{
    float:left;
}

.divBskFooterRight
{
    float:right;
    text-align:right;
}
.divBskFooterRight span
{
    float:left;
    width:240px;
    padding-right:5px;
    padding-bottom:5px;
    
}

#divChkPromo
{
    margin:5px 0px 5px 0px;
    float:left;
    width:574px;
    clear:both;
   
}
.whitepanel {
	float: right;
	width: 155px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px dashed #66686A;
}

/*
SITE MAP STYLING START
*/

.siteMapColTimber h2, .siteMapColMetal h2, .siteMapColAuto h2, #continnertim table tr td h2{
display:block;
color:#FFFFFF;
padding:2px;
margin:2px 0 3px 0;
}

.siteMapColTimber h3, .siteMapColMetal h3, .siteMapColAuto h3, #continnertim table tr td h3{
padding:2px;
color:#007652;
margin:2px 0 2px 0;
}

.siteMapColTimber h2{
background-color:#007652;
}

.siteMapColTimber h3{
background-color:#B5D7CD;
}

.siteMapColMetal h2 {
background-color:#0261A9;
}

.siteMapColMetal h3, #continnertim .siteMapColMetal h3{
color:#0261A9;
background-color:#BAD1E8;
}

.siteMapColAuto h2{
background-color:#FF9900;
}

.siteMapColTimber a:hover h2, .siteMapColMetal a:hover h2, .siteMapColAuto a:hover h2{
text-decoration:none;
}

.siteMapColAuto h3{
color:#FF9900;
background-color:#FFE1B5;
}

/** end **/