/* CSS Document */
/* RUDLOE main & fireplaces */
.skiplink { display:none }

.product { border: 1px solid #630031; margin-bottom: 10px; margin-right: 10px; float: left; }
.productLeft { border: 1px solid #630031; margin-bottom: 10px; margin-right: 10px; float: right; }

/* ref: order _was_ top,bot,Lcol,Rcol,topL,topR,botL,botR */
#topLeft { background: url(images/red_corner.gif) no-repeat; }
#top { background: url(images/red_horizontal_line.gif) repeat; }
#topRight { background: url(images/red_top_right.gif) no-repeat; }
#leftCol { background: url(images/red_vertical_line.gif) repeat; }
#rightCol { background: url(images/red_vertical_line_flipped2.gif) repeat; }
#botLeft { background: url(images/red_bot_left.gif) no-repeat; }
#bottom { background: url(images/red_horizontal_line_flipped.gif) repeat; }
#botRight { background: url(images/red_bot_right.gif) no-repeat; }

.leftVertical { background: url(images/red_vertical_line.gif) repeat; }
.Lvlin { background: url(images/red_vertical_line.gif) repeat; }
.rightVertical { background: url(images/red_vertical_line_flipped2.gif) repeat; }
.Rvlin { background: url(images/red_vertical_line_flipped2.gif) repeat; }

#navcontainer { width: 11em; }

#navlist { padding: 0px; margin-left: 0; font: 12px Franklin Gothic Book,verdana,sans-serif;
width: 9.5em; color: #808285;  margin-top: 9px; }

#navlist li {
  list-style: none; margin: 0px; border-left: 0px #630031 solid; border-bottom: 0px #630031 solid; text-align: left;
}

#navlist li a { display: block; padding: 0.4em 0.4em 0.1em 0.2em; text-decoration: none; }

#navlist li a:link { color: #666666; border-left: 3px #FFF solid; }
#navlist li a:visited { color: #666666; border-left: 3px #FFF solid; }
#navlist li a:hover { font-weight:normal; color: #E6E6E6; background: #9C475E; border-left: 3px #FFFFFF solid; }

.top_line_break { margin-top: 14px }
.top_line_break_fire { margin-top: 21px }

html, body { min-height:101%; margin-top:0px; padding:10px; background-color: #630031; }

/* body { font: 12px Franklin Gothic Book,verdana,sans-serif } */
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#660000; }
p { margin:0 10px 10px }

a:link { color: #700000; text-decoration:none; font-weight:normal }
a:visited { color: #700000; text-decoration:none; font-weight:normal }
a:hover { color: #666666; text-decoration:underline; font-weight:normal }

div#header h1 { height:60px; line-height:0px; padding-left:0px;
	color: #000000; background-color: #FFF; margin-top: 0px; margin-bottom: 0px; }
div#content p { line-height:1.4 }
div#navigation { background:#FFF }
div#extra { background:#FFF }
div#footer { background: #333;color: #FFF }
div#footer p { margin:0;padding:5px 10px }

div#copy{ font-size: 11px; color: #CCCCCC;}
div#copy a:link{color: #CCCCCC; text-decoration:none; font-weight:normal}
div#copy a:visited{color: #CCCCCC; text-decoration:none; font-weight:normal}
div#copy a:hover{color: #CCCCCC; text-decoration:underline; font-weight:normal}

div#wrapper{float:right;width:150px;margin-left:-150px}
div#content{margin-left:195px; width:75%;}
div#navigation{float:left;width:150px}
div#extra{float:left;clear:left;width:150px}

div#testimonial { margin:0 10px 10px; text-align: justify; word-spacing: -0.8px;
font-family: Franklin Gothic Book,verdana,sans-serif; font-size: 13px; }

.header { font-family: URWImperialT,verdana,sans-serif; font-size: 15px; color: #700000; }

body#fire a#navfire,
body#stoves a#navstoves,     /* added 2010 */
/* flags, SoB & garden decl'd in own ext CSS */
body#showroom a#navshowroom,
body#retailer a#navretailer, /* added 2010 */
/* body#news a#navnews,   -- not used 2010 */
body#about a#navabout,
body#contact a#navcontact,
body#brochure a#navbrochure /* not used before 2010 */
{ color: #E6E6E6; background: #9C475E; }

hr { border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{ position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying */ }

.thumbnail img{ border: 1px solid #3E3E3E; }
.thumbnail:hover{ background-color: transparent; }
.thumbnail:hover img{ border: 1px solid #3E3E3E; }

/*CSS for enlarged image */
.thumbnail span{ position: absolute; background-color: white; padding: 3px;
left: -1000px; border: 1px solid #3E3E3E; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 280px; z-index: 50;
left: 430px; /*position where enlarged image should offset horizontally */ }
/* end CSS enlarged */

/*Outermost DIV for thumbnail viewer */
#thumbBox{ position: absolute; left: 0; top: 0; width: auto; padding: 5px; padding-bottom: 0;
background: #313131; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; }

/*Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar{ font: bold 12px verdana; letter-spacing: 3x; line-height: 1.1em;
color: white; padding: 5px 0; text-align: right; }

/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage{ background-color: white; }

/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading{ position: absolute; visibility: hidden; border: 1px solid black;
background-color: #EFEFEF; padding: 5px; z-index: 5; }