/* Main Colors used
red dark #900 (bg top.gif) light #c42036 bg top1.gif


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            Page Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#page-wrapper
{
    width: 760px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
} 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header
{   background: #900 url('../../images/bg-top.gif') no-repeat scroll top left;
    padding: 0;
    margin: 10px 0 0 0;
    color:#ffff99;
    width: 100%;
    text-align: center;
    display: block; }

#header a
{   color: #ffff99; }

#header img 
{	border: 0;
	padding: 0; }

#hetas
{   float:right;
    padding: 10px 10px 0 0; }

#logoImg, #banner
{   float: left; }

#logoImg
{   padding: 5px 0 10px 0;}

#banner
{   margin: 10px 0 0 0;
    padding: 0 0 5px 0;
    width: 500px; }
#banner img
{   padding: 0 0 5px 0 ; }

#banner h5,#banner h4,#banner h3,#banner h2
{   color: #ff9;
    padding-bottom: 5px; }    

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            Main Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main-page
{
    margin: 0;
    padding: 0;
    background-color: #ffc;
    color: #000;
    width:760px;
    text-align: left;
}

#main-content
    { padding: 5px; }
	
#top-information-login
{	text-align:left;
	float:right;
	}
	
#pagetitle
{
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
    position: relative;
    width: 760px;
    padding: 10px 0;
    margin: 0;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    color: #990000;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
#footer
{   background-position: bottom;
    background-image: url('../../images/bg-bottom.gif');
    background-color: #900;
    background-repeat: no-repeat;
    padding: 10px 20px;
    text-align: center;
    color: #ff9;    }

#footer a
{   color: #ff9;    }

#referral
{   float:right;
	padding: 5px 30px 15px 15px;
    font-size:x-small;	
	text-align:right;
	color: #000;    }

#referral a
{   color: #900;    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            Style Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.middle
{   text-align: center; }

.clear 
{	clear:both;	}

.standard
{   padding: 10px; }

.small
{
}

.errors 
{   border: 2px solid #900;
    color: #900;
    margin: 0;
    padding: 0;
    padding-left: 118px;
    left: 70px; }

ul.MyList, ul.MyList li
{   margin-top: 5px;
}
    
.hetas   
{   float: right;
    border: none; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
{   background-color: #ffa;
    text-align:center;
    font-size: 11pt;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Calibri  }

p
{   margin: 6pt 0; }

h1, h2, h3, h4, h5, h6
{
    margin: 5px 0;
    padding: 0;
    color: #900;
    font-family: 'Times New Roman' , Times, serif;
}

h1 { margin-bottom:0;}

h1, h2
{	margin-top:0px; }

h2
{   font-weight: normal;
}

h3 {  }

h3.small { }

h4 {  }

h5 {  }

h6 {  }

a  { color:#900; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column,
#container-two-column-right,
#container-two-column-left,
#content-container-one-column 
{	margin: 0;
	padding: 0;
	top: 0;
	width:760px;
	position:relative;
}

#content-container-three-column 
{   background:url(../../images/bg-3col.gif) repeat-y; }

#container-two-column-left
{	background:url(../../images/bg-left.gif) repeat-y;	}
	
#container-two-column-right
{	background:url(../../images/bg-right.gif) repeat-y right;	}	

#content-main-three-column 
{	width:380px;
	float:left;	}

#content-main-two-column
{	width:570px;
	float:left; }
	
#content-right-column
{	width: 190px;
    float: right;
    font-size: 0.9em;	}

#content-left-column
{
    width: 140px;
    float: left;
    font-size: .9em;
    z-index: 1;
}
#content-main-two-column-left
{	width:620px;
	float:left; }

#content-one-column
{   padding:15px;
    margin:0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Menu Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.MainMenu
{
    width: 760px;
    padding: 0px;
    margin: 0;
    background-color: #2c7b2c;
    color: #ffff99;
    z-index: 50;
}
.MainMenu p
{
    text-align: center;
    font-weight: bold;
    color: #ffff99;
    padding: 10px;
    margin: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TreeView a
{   padding: 0 0 5px 0;
    display: block;
}

.TreeView div table
{
    width:160px;
}

.RootNodeStyle a {
    font-weight: bold;
    text-decoration: underline;
    padding-left: 0px;
}
.level1Node a {
    font-weight: bold;
    padding-left: 0px;
    padding-top:5px;
}
.level2Node a {
    padding-left: 10px;
    padding-top:5px;
}
.selectedNode a {
    background-color:#FFFFCC;
}
.hoverNode {
    background-color:#FFFFCC;
}

/* ALL ELEMENTS */
NodeStyle a
{   display: block; }

a.ParentNodeStyle {}
 
a.SelectedNodeStyle {}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
ul {
	margin:0;
	padding:0;
	}

li {
	list-style:none;
	background:url(../../images/list-bullet-02.gif) no-repeat 0 .8em;
	padding:.2em 0 .2em 1em;
	margin-left:0.4em;
	
}

ul.list-of-links {
	border-bottom:1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}

ul.list-of-links li{
	border-top:1px dotted #B2B2B2;
	background-image:url(../../images/list-bullet-01-link.gif);
}

ul.list-of-links li.current {
	background-color:#E5E5E5;
}


ul.no-lines,
ul.no-lines li {
	border:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:
{   color:#900;
}

a:link {
	color:#900;
}

a:visited {
	color:#900;
}

a:hover {
	text-decoration:underline;
}

a:active {
	color:#900;
}

#content-side-two-column a:link,
#content-side2-three-column a:link,
#content-side1-three-column a:link,
#content-side-two-column a:visited,
#content-side2-three-column a:visited,
#content-side1-three-column a:visited {
	text-decoration:none;
}

#content-side-two-column a:hover,
#content-side2-three-column a:hover,
#content-side1-three-column a:hover {
	text-decoration:underline;
}




.product-family
{   float: left;
    width: 340px;
    margin: 0 20px 20px 0;
    position: relative;
}
.product-family .hr { position:absolute; top:30px; left:-5px; width:320px; height:8px; z-index:40; }
.product-family .fire { float:left; margin: 0 20px 0 0px; }
.product-family .fireR { float:right; margin: 0 5px 0 15px; }
.product-family a.btn-moreinfo { margin:15px 0; background:url(../../images/btn-moreinfo-out.gif); width:84px; height:20px; display:block; float:left; }
.product-family a span { display:none; }
.product-family a:hover.btn-moreinfo { background:url(../../images/btn-moreinfo-over.gif) no-repeat; }
.product-family h2 { white-space: nowrap; }
/*.product-family .btn-moreinfo { background:url(http://www.aarrowfires.com/images/btn-moreinfo-out-brown.gif) no-repeat; width:84px; height:20px; display:block; text-decoration:none; }*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

#stovehead
{   width: 760px;
    height: 186px;
	background:url(../../images/banner2.jpg);
    position: relative;
    text-align: center;
    z-index: 5;
    padding: 0;
    margin: 0;
}
#stovehead2
{   width: 760px;
    height: 152px;
	background:url(../../images/stoves/aga/AGABanner.png);
    position: relative;
    text-align: center;
    z-index: 5;
    padding: 0;
    margin: 0;
}
#stoveNav
{   font-size: .8em;
    width: 740px;
    padding: 5px;
    margin: 0 auto;
}
#stoveNav a
{
    text-decoration: underline;
}
.lnkNext
{
    float: right;
}
.lnkPrev
{   float:left; }
#content-one-column .firstP
{   
}
.charnwood hr
{
    width: 60%;
    color: #990000;
    font-size: 1px;
    text-align: center;
    margin: 5px auto;
    clear: both;
}
.charnwood
{
}
.logos img
{   border: 0;
    padding: 4px;
}