BODY {
	FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif;
	
	background: url(/images/rustic_bkgrd.jpg) no-repeat center top;
background-attachment: 
fixed;
MARGIN-LEFT: 5PX;
MARGIN-RIGHT: 5PX;
MARGIN-TOP: 5PX;
MARGIN-BOTTOM: 5PX;
}

TD {
	FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
}
dgrid {
	FONT-SIZE: 24px; FONT-FAMILY: arial, helvetica, sans-serif
}
A:link {background: transparent; color: #ffffff; text-decoration: none;}
A:visited {background: transparent; color: #ffffff; text-decoration: none;}
A:hover {background: transparent; color: #FFFF00; text-decoration: none;}
A:active {background: transparent; color: #FFFF00; text-decoration: none;}

td.lnkclass A:link {background: transparent; color: blue; text-decoration: none;}
td.lnkclass A:visited {background: transparent; color: #9400D3; text-decoration: none;}
td.lnkclass A:hover {background: transparent; color: red; text-decoration: none;}

td.myclass a:link {background: transparent; color: #2664ad; text-decoration: none;}
td.myclass a:visited {background: transparent; color: #2664ad; text-decoration: none;}
td.myclass a:hover {background: transparent; color: red; text-decoration: none;}

td.myclass1 a:link {background: transparent; color: #ffffff; text-decoration: none;}
td.myclass1 a:visited {background: transparent; color: #ffffff; text-decoration: none;}
td.myclass1 a:hover {background: transparent; color: #FFFF00; text-decoration: none;}

td.myclass2 a:link {background: transparent; color: #ffffff; text-decoration: none;}
td.myclass2 a:visited {background: transparent; color: #ffffff; text-decoration: none;}
td.myclass2 a:hover {background: transparent; color: #FFFF00; text-decoration: none;}

td.myclass3 a:link {background: transparent; color: #ffffff; text-decoration: none;}
td.myclass3 a:visited {background: transparent; color: #FFFF00; text-decoration: none;}
td.myclass3 a:hover {background: transparent; color: #FFFF00; text-decoration:  none;}

td.myclass4 a:link {background: transparent; color: #FFFF00; text-decoration: none;}
td.myclass4 a:visited {background: transparent; color: #FFFF00; text-decoration: none;}
td.myclass4 a:hover {background: transparent; color: red; text-decoration:  none;}

.popup {background: transparent; COLOR: #9F141A; CURSOR: help; TEXT-DECORATION: none;}

#rnd_container {background: #DFD5B9; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:#2664ad; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #2664ad; border-right:1px solid #2664ad;}
    .rnd_b1 {margin:0 5px; background:#CCCCCC;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#FFFFFF;
    color:#000000;
    }
    .rnd_content1 {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#cea944;
    color:#000000;
}


.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossy_verticalback2.gif) repeat-x bottom left;
font: bold 13px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossy_verticalback.gif);
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
width:100%;
font-size:100%;
line-height:normal;
overflow: hidden;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
float:left;
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:100%;
	font-weight: bold;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #2664ad; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #2664ad; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #cea944; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #cea944; /*Brown color theme*/ 
color: white;
border-color: #cea944; /*Brown color theme*/ 
}

/*Footer*/
#modernbricksmenu3{
padding: 0;
width: 100%;
border-top: 5px solid #2664ad; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu3 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu3 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu3 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #2664ad; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu3 a:hover{
background-color: #cea944; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu3 #current a{ /*currently selected tab*/
background-color: #cea944; /*Brown color theme*/ 
color: white;
border-color: #cea944; /*Brown color theme*/ 
}


#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #2664ad;
background-color: lightyellow;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
/*font-family: 'Arial, sans-serif', 'Trebuchet MS', 'Lucida Grande';*/
/*font-size: 100%;*/
font: bold 12px Arial;
background-color: #54647B;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 179px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid black;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #0246AD;
border-right: 10px solid #508fc4;
background-color: #2664ad;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/*Rounded Corners

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

body
	{
	margin: 0;
	padding: 0;
	background-color: white;
	font-size: 100.01%;
	 
	}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 40em;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	
#content
	{
	padding:3em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(/priceguide/images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(/priceguide/images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(/priceguide/images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(/priceguide/images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(/priceguide/images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(/priceguide/images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(/priceguide/images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(/priceguide/images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
			
