/* css dev: chris gerikh */
body, form { margin:0px; }
body { background:#0d522a url(../images/bodybg.gif) top repeat-x; }
body, div, table, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }
a, a:hover { text-decoration: underline; }
a { color: #990000; }
a:hover { color:#333333; }
.sub-rhs h1, .sub-rhs h1 a, .sub-rhs h1 a:hover { font-size: 17px; }
h4, h4 a, h4 a:hover { font-size: 12px; }

.push { height: 172px; }
.shell, .header, .footer { width: 998px; }
.shell { margin:0 auto; position: relative; }
.header { height: 172px; background:url(../images/header.gif) bottom left no-repeat; position: absolute; top: 0px; left:0px; }
.header h1 { font-size: 1px; position: absolute; top: 32px; left: 16px; }
.header h1 a, .header h1 a:hover { color:#c9e6fb; width: 470px; height: 60px; display: block; text-decoration: none; }

/* search form */
.header form div, .header .searchbutton { position: absolute; z-index:9; }
.header form div {
	background:url(../images/searchbox.gif) no-repeat;
	width: 264px;
	height: 40px;
	top: 10px;
	left: 625px;
}
.header form div input { 
	width: 210px; 
	background: none; 
	border: none; 
	font-weight: bold; 
	color:#333333; 
	padding:9px 0 0 12px; /* IE6 & IE7 override exists */
}
.header .searchbutton { 
	width: 82px;
	height: 38px;
	top: 7px;
	left: 881px;
}


.midsection { background:url(../images/bg.png) repeat-y; text-align:left; min-height: 200px; }

.footer { height: 95px; background:url(../images/footer.gif) top left no-repeat; text-align:right; }
.footer div { padding: 42px 4px 0 0; color:#CCCCCC; }
.footer a, .footer a:hover { text-decoration:none; font-size: 11px; }
.footer a { color:#CCCCCC; }
.footer a:hover { color:#FFFFFF; }
.footer span { color:#999999; }

.left, .right { float: left; margin-left: 16px; }

.left { width: 203px; background:url(../images/left_bg.gif) repeat-y; }
.right { width: 743px; background:url(../images/right_bg.gif) repeat-y; }
.sub { width: 666px; background:url(../images/sub_bg.gif) repeat-y; margin:8px auto 8px auto; clear: both; }
.product { width: 202px; background:url(../images/product_bg.gif) repeat-y; float: left; margin:0px 30px 8px 0; } /* IE6 override exists */

.box_top, .box_base { height: 8px; font-size: 1px; }
.box_content { padding:0 8px 0 8px; text-align:left; }

.left .box_top { background:url(../images/left_top.gif) bottom no-repeat; }
.left .box_base { background:url(../images/left_base.gif) top no-repeat;  }
.left .box_content { color:#FFFFFF; }
.left a, .left a:hover { text-decoration:underline; display: block; }
.left a { color:#ffff99; }
.left a:hover { color:#ffffff; }

.right .box_top { background:url(../images/right_top.gif) bottom no-repeat; }
.right .box_base { background:url(../images/right_base.gif) top no-repeat; }
.right .box_content { }

.sub-rhs { float: left; width:400px; margin:0 0 0 12px; }
.sub-rhs h1, .sub-rhs h1 a, .sub-rhs h1 a:hover { text-decoration: none; color:#990000; }

.sub .box_top { background:url(../images/sub_top.gif) bottom no-repeat; }
.sub .box_base { background:url(../images/sub_base.gif) top no-repeat; }
.sub .box_content { }

.product .box_top { background:url(../images/product_top.gif) bottom no-repeat; }
.product .box_base { background:url(../images/product_base.gif) top no-repeat; }
.product .box_content { text-align:center; height: 225px; }
.product a { color:#990000; }
.product a:hover { color:#333333; }
.product a img, .product a:hover img { text-decoration: none; }
.product a strong, .product a:hover strong { text-decoration: none; display: block; }
.product img { display: block; border: none; margin:0 auto; }

.products { padding-left: 29px; } /* IE 6 override exists */


/* top nav */
/*.nav_push { float: left; width: 8px; height:1px; }*/
.nav {
	width: 690px;
	height: 42px;
	position: absolute;
	top: 130px;
	left: 244px;
}

/* top nav tabs */
.ntab { float: left; margin:0; padding:0 0 0 4px; }
.ntab_l, .ntab_c, .ntab_r { float: left; background-color:#FFFFFF; }
.ntab_l, .ntab_r { width: 8px; font-size: 1px; }

.ntab a, .ntab a:hover { font-weight: bold; font-size: 13px; text-decoration:none; display: block; padding: 14px 4px 0 4px; float: left; }

.ntab_off .ntab_l { background:url(../images/tab_off_left.png) bottom right no-repeat; height: 42px; }
.ntab_off .ntab_r { background:url(../images/tab_off_right.png) bottom left no-repeat; height: 42px; }
.ntab_off .ntab_c { background:url(../images/tab_off_bg.gif) bottom repeat-x; height: 42px; }
.ntab_off a { color:#ffffff; }
.ntab_off a:hover { color:#cccccc; }

.ntab_on .ntab_l { background:url(../images/tab_on_left.png) bottom right no-repeat; height: 42px; border-bottom:1px solid #f7f7f7; }
.ntab_on .ntab_r { background:url(../images/tab_on_right.png) bottom left no-repeat; height: 42px; border-bottom:1px solid #f7f7f7; }
.ntab_on .ntab_c { background:url(../images/tab_on_bg.gif) bottom repeat-x; height: 42px; border-bottom:1px solid #f7f7f7; }
.ntab_on a { color:#333333; }
.ntab_on a:hover { color:#333333; }

/* subs */
.ntab_sub a { color:#000000; }
.ntab_sub a:hover { color:#cb2229; }
.ntab_sub_col { width: 140px; float: left; margin:0 0 0 4px; }
.ntab_sub a, .ntab_sub a:hover { 
	display: block; font-weight: normal; text-decoration: none; font-size: 11px; 
	float: none; margin:0; padding:1px; margin:1px 0 1px 8px;
}
.ntab_sub {
	display: none; position: absolute; top: 42px; left:4px; z-index: 99; 
	width: 716px; background-color:#f4f3f3;
	border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; 
	filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9;
	color:#000000; text-align:left; padding:8px;
}
.ntab_close { 
	display: none; position: absolute; top: 50px; left:636px; z-index: 999; cursor: pointer; width: 83px; height: 37px; 
	background:url(../images/close_button.png) no-repeat;
}

/* crazy thumbnail */
.th { background-color:#ffffff; position: relative; width: 270px; float: left; margin:0 8px 0 0; }
.th a img, .th a:hover img { border: none; text-decoration: none; }
.th img { padding:8px 0 8px 8px; }
#tbt, #tbr, #tbb, #tbl { }
#tbt { background:url(../images/tb-top.gif) top repeat-x; }
#tbr { background:url(../images/tb-right.gif) right repeat-y; }
#tbb { background:url(../images/tb-base.gif) bottom repeat-x; }
#tbl { background:url(../images/tb-left.gif) left repeat-y; }
#tc1, #tc2, #tc3, #tc4 { display: block; margin:0; padding: 0; width: 12px; height: 12px; position: absolute; z-index: 9; }
#tc1 { background:url(../images/tcorner1.gif) no-repeat; top:0px; left:0px; }
#tc2 { background:url(../images/tcorner2.gif) no-repeat; top:0px; right:0px; }
#tc3 { background:url(../images/tcorner4.gif) no-repeat; right:0px; bottom:0px; }
#tc4 { background:url(../images/tcorner3.gif) no-repeat; left:0px; bottom:0px; }

/* misc */
#flashimg { float: left; width: 400px; height: 265px; margin:0 14px 0 0; }
.icon { float: left; margin:0 12px 0 0; }
.pad { padding: 12px; }
.clear { clear: both; }
.center { text-align:center; }
.pushdown { margin-top: 12px; }
.close_button { cursor: pointer; width: 83px; height: 37px; }