* { font-family: Arial, sans-serif; }
body { margin: 0 0 20px 0; background: #fffdf3 url('/img/body_bg.png') repeat-x; font-size: 100%; }
table { border-collapse: collapse; }
table td, form { padding: 0; }
img { border: 0; }
form { margin: 0; }
dl { padding: 20px; font-size: 90%; }
dt { font-weight: bold; }
dd { margin-bottom: 10px; }
h1 { font-size: 20px; font-weight: normal; }
h2 { font-size: 17px; }
h3 { font-size: 15px; }
p { font-size: 12px; }
s.price { color: red; }

#error, #msg { clear: both; padding: 10px; font-weight: bold; text-align: center; }
#error p, #msg p { margin: 0; }
#error { border: 2px solid red; background: #FDD; color: red; }
#msg { border: 2px solid blue; background: #DDF; color: blue; }

/*remember to change the #content width if changing #wrapper width*/
#wrapper { width: 940px; margin: 0 auto; }
#left_shadow { width: 8px; height: 403px; float: left; background: url("/img/shadow_left.png") no-repeat; }
#right_shadow { width: 8px; height: 403px; float: right; background: url("/img/shadow_right.png") no-repeat; }

#header { background: #7d0000 url("/img/header_bg.png") repeat-x; height: 90px; margin-right: 8px; }
#logo { margin: 8px auto auto 11px; }
#topmenu { background: #8b0000 url('/img/menu_bg.png') repeat-x; border: 1px solid #840000; margin: 0 8px; text-align: right; height: 28px; }
#topmenu a { color: #fff; padding: 6px 9px 6px 9px; text-decoration: none; font-size: 13px; border-left: 1px solid #ac0000; display: block; float: right; }
#topmenu a:hover { background: #410000 url('/img/menu_bg_hover.png') repeat-x; }

/*#content width = #wrapper width - 18; (two side shadow boxes at 8px wide plus 2px worth of border) */
#content { background: #FFF; border: 1px solid #d9d5c0; border-width: 0 1px; min-height: 313px; width: 922px; float: left; }

#footer { margin: 0 8px; height: 18px; background: url('/img/box_bs.png') repeat-x; clear: both; }
#footer #llc { width: 18px; height: 18px; background: url("/img/box_llc.png") no-repeat; float: left; }
#footer #lrc { width: 18px; height: 18px; background: url("/img/box_lrc.png") no-repeat; float: right; }

.cols { width: 100%; }
.cols td { vertical-align: top; }

td.leftmenu { width: 140px; }
div.leftmenu { margin: 10px; border: 1px solid #c9c9c9; border-width: 1px 1px 0 1px;}
.leftmenu a {
	background: #fefefe url('/img/leftmenu_bg.png') repeat-x;
	display: block;
	clear: both;
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-width: 0 0 1px 0;
	color: #000;
	text-decoration: none;
	font-size: 80%;
}
.leftmenu a:hover { background: #d0d0d0 url('/img/leftmenu_bg_hover.png') repeat-x; }
.bulldog_logo:hover { background-color: transparent !important; background-image: none !important; }
.bulldog_logo { margin-left: 20px; border: none !important; background-image: none !important; width: 83px !important; }

.right { padding: 10px 10px 10px 0; }

.category_pic { height: 155px; width: 150px; float: left; margin: 0 10px 10px 0; background: #f3f3f3; border: 1px solid #c9c9c9; }
.category_pic .pic { text-align: center; vertical-align: middle; }
.category_pic .caption { text-align: right; font-size: 13px; padding: 0 10px 10px 0; vertical-align: bottom; }

.thumb_box { border: 1px solid #c9c9c9; padding: 10px; float: right; clear: both; margin: 10px 10px 0 10px; color: #000; font-size: 12px; text-decoration: none; width: 100px; }
.thumb_label { float: right; clear: both; margin-right: 10px; font-size: 11px; color: #888; width: 100px; text-align: right; }

.spreadsheet td { border: 1px solid #CCC; padding: 3px; font-size: 10px; }
.spreadsheet .alt td { background: #EEE; }
.spreadsheet .highlight td { background: #FF0; }
.color_chart { width: 100%; }
.color_chart td { text-align: center; width: 25%; }

#color_popup { border: 1px solid #CCC; position: fixed; margin-left: -200px; left: 50%; text-align: center; background: #FFF; }
#color_popup a { color: #000; font-size: 12px; text-decoration: none; width: 400px; background: #FFF url("/img/x.gif") 100% 0 no-repeat; padding: 20px; display: block;  }
.hidden { display: none; }
#color_price_display { font-weight: bold; font-size: 13px; }




.selected { border-width: 2px; border-color: #aaa; }
.fullsize { border: 1px solid #c9c9c9; padding: 25px 0 15px 0; text-align: center; width: 352px; }
.fullsize .color { clear: both; display: block; font-size: 11px; color: #888; padding-left: 10px; text-align: left; }
.product_info { padding: 10px 0 0 10px; }
.details { font-size: 80%; margin-bottom: 10px; }
.buy { border: 1px solid #CCC; }
.details td { padding: 3px; text-align: left; }
.details .color_name { font-size: 120%; color: #00328a; text-align: center; }
.details .color_type { background: #BBB; color: #FFF; font-weight: bold; }
.product_desc { font-weight: bold; font-style: oblique; color: #771100; }
.post { background: #f3f3f3; border: 1px solid #c9c9c9; color: #000; }

.thanks, .contact { font-size: 90%; padding: 30px; }
.contact td, .contact input, .contact textarea, .contact select { font-size: 90%; }