/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;
}

body{
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em;
	text-align:center;
	color:#303030;



}

a{
color: #660000:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none;}
a img{border:none;}

p{
	padding:0 0 1.6em 0;
	color: #333333;
	font-weight: 400;
	font-size: 100%;


}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;
}

/**************** Header and navigation styles ****************/

#container{
	padding:1px 0;
	background:#ffffff center;
	color:#303030;
	border:4px solid #77774F;
	width: 790px;


}

#header{
	height: 125px;
	background: #ffffff url(/images/LOGO_DFI_RED6.gif) no-repeat scroll;
	visibility: visible;
	margin-top: 0;
	margin-bottom: 1px;
	z-index: 5;
	width: 100%;

}


#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:758px;
margin:0 1px;
background: #BABA98:#ffffff;
color: #0d0d0d;}


#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
color: #33ffff;}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #6d6d6d;
}

* html #navigation a {width:1%;
color: #0f0f0f;}

#navigation .selected,#navigation a:hover{
background: #ffff66
color: #66ffcc;
color: #0f14ff;
font-weight: bolder;
text-decoration: underline;}

a:visited {
color: #666666;
text-decoration: underline;}

#navigation>a:visited {
	color: #660033;
	background-color: #FFFF99;
}

/**************** Content styles ****************/

#content{
	width: 540px;
	padding:20px 0 0 20px;
	float: left;


}

#content h2{
	display:block;
	margin:0 0 16px 0;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:1px;
	color:#505050;
	background-color:inherit;
	line-height: 25px;

}
#content h3{
	margin:0 0 5px 0;
	letter-spacing:-1px;
	font-weight: 300;
	color: #666666;
	font-size: 1.4em;


}
#content a:hover,#subcontent a:hover{text-decoration:underline;
font-weight: bold;
color: #f42000;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
}


#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:.8em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
	clear:both;
	width:758px;
	padding:5px 0;
	margin:0 1px;
	font-size:0.9em;
	color:#f0f0f0;
	background:#467aa7;
	text-align: center;

}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width: 38%}
.splitcontentright{float:right; width: 58%}
.clear{
	clear:both;

}
.small{
	font-size:0.8em;
	border: thin dotted #999999;
	cursor: crosshair;
	margin-bottom: 15px;




}
.hide{display:none;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	line-height:1.5em;
	text-align: center;

}
.imgleft {
	float: left;
	padding: 5px 10px 5px 5px;
	margin: 5px 10px 5px 5px;




}
.imgright {
	float: right;
	padding: 5px;
	margin: 5px;
	


}
table {
	font-size: .9em;
}
h6 {
	font-size: 0.9em;
	font-weight: 100;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #663300;
}
h3 {
	font-size: 1em;
	color: #666666;
	letter-spacing: 0.3em;
	word-spacing: 0.3em;
	font-weight: 300;



}
imgleftclear {
	clear: both;
	float: left;
}
h1 {
	color: #666666;
	font-size: 1.9em;
	font-weight: 300;
	line-height: 1em;




}
.imgleftlarge {
	margin: 5px 15px 5px 5px;
	padding: 5px 15px 5px 5px;
	float: left;
	height: 200px;
	width: 225px;
}
.imgletlargest {
	margin: 5px;
	padding: 5px;
	float: left;
	height: 375px;
	width: 375px;
}
.topsmall {
	font-weight: 300;
	color: #666666;
	text-align: center;
}
.firepitpad  a:hover{
	text-decoration:underline;
	font-weight: normal;
	color: #f42000;
	background-image: url(firepit_pad_lg.jpg);
	top: 250px;
	right: 250px;
}
.firepittable {
	background-image: url(firepit_copper_mosiac.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	float: left;
	height: 200px;
	width: 275px;
}
.tableblack {
	background-image: url(table_logo_black.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 175px;
	width: 250px;
}
.tabletan {
	background-image: url(table_logo_tan_small.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 175px;
	width: 256px;
}
.tableblackleft {

	background-image: url(table_logo_black.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 175px;
	width: 250px;
}
.tablemesa {
	background-image: url(Table_masa32.jpg);
	margin: 5px;
	padding: 5px;
	float: left;
	height: 285px;
	width: 250px;
	background-repeat: no-repeat;

}
.icebucket {
	background-image: url(table_icebucket_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	height: 135px;
	width: 150px;
	float: right;

}
.firewoodrack {
	background-image: url(1_8rack_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 170px;
	width: 180px;
}
.firewoodrack2 {
	background-image: url(1_2rack_plus_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 88px;
	width: 134px;
}
.oldmesquite {
	background-image: url(111A_old_mesquite.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 240px;
	width: 180px;
}
.smoker {
	background-image: url(111a_ok_joe_smoker_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 88px;
	width: 96px;
}
.badsmoke {
	background-image: url(a_badsmoke1_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 120px;
	width: 150px;
}
.cover {
	background-image: url(cover_dfi_4_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 155px;
	width: 125px;
}
.yeldivider {
	background-image: url(div20_yellow2.gif);
	background-repeat: no-repeat;
	margin: 1px;
	padding: 5px;
	height: 35px;
	width: 450px;
	clear: none;
	float: left;


}
link {
	color: #00FF00;
}
.biggreen {
	background-image: url(chim_biggreen_md.gif);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 188px;
	width: 175px;

}
h2 {
	font-size: 1.3em;
	font-weight: 400;
	color: #666666;
}
.textleft {
	color: #666666;
	padding: 5px;
	float: left;
	height: 130px;
	width: 160px;
	text-align: center;
	margin: 5px;

}
.textcenter{
	text-align:center;
	background-color: #FFCECE;
	margin: 5px;
	padding: 5px;
	height: 130px;


}
.textright{
	text-align:center;
	float: right;
	height: 130px;
	width: 120px;
	margin: 5px;
	padding: 5px;



}
.masablack {
	background-image: url(table_logo_black.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 173px;
	width: 250px;
}
.claychim {
	background-image: url(chimenea_main_lr_small1.jpg);
	margin: 5px;
	padding: 5px;
	float: left;
	height: 120px;
	width: 100px;
}
.chimcast {
	background-image: url(ci_chimenea_s3_main_lr_small.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 139px;
	width: 100px;
}
.chimass1 {
	background-image: url(chiminea_gloves_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 90px;
	width: 80px;
}
.chimass {
	background-image: url(lid_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 93px;
	width: 125px;
}
.firepitgas1 {
	background-image: url(damingo_propane_cover_sm.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 116px;
	width: 216px;

}
.sojo {
	background-image: url(asoejoe1.gif);
	background-repeat: no-repeat;
	margin: 5px 5px 20px;
	padding: 5px;
	float: left;
	height: 175px;
	width: 184px;
}
.gaskit {
	background-image: url(gas_pit_kit_sm.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 150px;
	width: 150px;
}
.patiofire {
	background-image: url(fireplace_lacasa_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 128px;
	width: 128px;
}
.rvfirepit {
	background-image: url(tn_firepit_dancingfire_2_logo.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 138px;
	width: 109px;
}
.chimconv {
	background-image: url(gas_kit_chim1.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 150px;
	width: 150px;
}
.chimpad {
	background-image: url(firepit-pad-tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 142px;
	width: 172px;
}
.inscent {
	background-image: url(chimenea_burner.gif);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 179px;
	width: 174px;
}
.firepitcopp {
	background-image: url(tn_firepit_copper35_hdlegs2.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 126px;
	width: 126px;
}
hr {
	clear: none;
	background-color: #FFFF99;
	border: #990000;


}
.linea {
	height: 0.1em;
	width: 125px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
	margin-right: 15px;



}
.propanet {
	background-image: url(propane_cover_1_tn.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 133px;
	width: 100px;
}