@charset "UTF-8";
/* BRT Screen CSS */

/* BRT LOGO COLORS:
   -DARK BLUE = #0067B1
   -MED BLUE  = #598AC6
   -LGT BLUE  = #99B2DB */

* {
	margin:0;
	padding:0;
}

html {
	min-width:800px;
}

body {
	background:url(../images/rollers.jpg) no-repeat #333;
	background-position:50% 322px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0.1em 0.1em 0.05em #999;
	font-size:18px;
	line-height:1.5em;
	color:#0067b1;
	padding-bottom:6px;
}

h1.products {
	background:url(../images/products_back.gif) top left repeat-x;
	margin-right:-12px;
	height:25px;
	color:#ffffff;
	padding:6px 2px 6px 6px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0.05em 0.05em 0.05em #ccc;
	font-size:16px;
	line-height:1.2em;
	color:#598ac6;
	padding-bottom:6px;
	padding-top:6px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0.05em 0.05em 0.05em #ccc;
	font-size:16px;
	line-height:1.2em;
	color:#FF0000;
	padding-bottom:6px;
	padding-top:6px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin-bottom:12px;
	color:#333333;
}

p a, a:visited {
	color:#00703c;
	text-decoration:underline;
}

p a:hover {
	color:#0067B1;
	text-decoration:none;
}

img {
	border:8px solid #598AC6;
	margin:8px 8px 0px 4px;
}

img.leftb {
	float:left;
	border:8px solid #598AC6;
	margin:8px 8px 0px 4px;
}

img.left {
	float:left;
	border:none;
	margin:8px 8px 0px 4px;
}

#gradient {
	margin:0 auto;
	background:url(../images/body_back.gif) 100% 100% repeat-x;
	height:300px;
	border-bottom:20px solid #666;
}

#brthead {
	border-right:8px solid #bebebe;
	background:url(../images/brt_header.jpg) top left no-repeat;
	margin:0 auto;
	width:917px;
	height:300px;
}

#brthead ul li {
	font-family:Arial, Helvetica, sans-serif;
	color:#00703c;
	font-weight:bold;
	font-size:18px;
	list-style-type:none;
	display:inline-block;
}

ul.nav {
	display:table-row;
	font-size:14px;
	display:inline-block;
}

#callout li.small, #container li.small {
	padding:0 0 0 38px;
	margin:-20px 0 -20px 0;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

#brthead li {
	display:table-row;
	padding:2px 12px 2px 12px;
	border-right: 1px solid #00703c;
	display:inline-block;
}

li a, a:visited {
	text-decoration:underline;
	color:#00703c;
}

ul li a:hover {
	background:url(../images/li_back.gif) 100% 100% repeat-x;
	text-decoration:none;
	color:#0067B1;
}

#green {
	position:absolute;
	background:url(../images/leaf_icon.gif) top left no-repeat;
	width:100px;
	height:100px;
	margin-left:220px;
	margin-top:-78px;
}

#container {
	width:917px;
	margin:2px auto 6px auto;
}

#callout {
	background:url(../images/calloutback.gif) top left no-repeat;
	width:396px;
	padding:100px 0 0 6px;
	float:right;
	position:relative;
	clear:none;
	margin:-190px 18px 8px 18px;
}

#callout p {
	margin:0 15px 0 15px;
	padding-bottom:10px;
	text-align:justify;
	line-height:1.5em;
}

#callout h1 {
	margin:0 15px 0 15px;
}

.graybar {
	margin-left:81px;
	padding:12px;
	width:800px;
	background:url(../images/graybar.gif) top left;
	min-height:180px;
	border-right:8px solid #bebebe;
	border-left:8px solid #bebebe;
}

.graybar ul li {
	font-family:Arial, Helvetica, sans-serif;
	color:#0067B1;
	font-weight:bold;
	font-size:14px;
	list-style-type:none;
	padding:8px 0px 4px 38px;
}


.graybar li {
	background:url(../images/li_placard.gif) top left no-repeat;
	height:38px;
}

#footer {
	background:url(../images/footerback.gif) 80px 100% no-repeat;
	height:55px;
	text-align:right;
	width:917px;
	margin:0px auto 0px auto;
}

#footer p {
	padding-top:25px;
	font-size:12px;
	color:#666666;
}

#footer p a:link, #footer p a:visited {
	text-decoration:underline;
	color:#666666;
}

#footer p a:hover {
	color:#808080;
	text-decoration:none;
}

textarea:focus, input:focus {
	background-color:#bebebe;
}

table {
	border-collapse:collapse;
	padding:2px;
	margin-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333; 
}

td {
	padding:2px;
}

tr {
	border-bottom:1px solid #666;
}

iframe {
	border:8px solid #cccccc;
	margin-bottom:20px;
}

#buffer {
	min-height:54px;
	background:url(../images/body_back.gif) 100% 90%;
	margin:0 -12px -10px -12px;
}

#buffer img, #buffer p {
	text-align:right;
	float:none;
	margin:2px;
}

#versapak, #soakers, #parentrolls {
	display:none;
	width:auto;
	padding:0;
	text-align:left;
	padding:2px;
	margin-top:-12px;
	border:4px solid #598ac6;
	background-color:#e0e0e0;
}

input.button {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	height:36px;
	padding:4px;
	background:url(../images/products_back.gif) 100% 38% repeat-x;
	width:auto;
	border:4px solid #00703c;
	margin-bottom:2px;
	margin-top:8px;
	text-align:left;
	text-decoration:underline;
}

input.button:hover {
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
	color:#ffffff;
	background:url(../images/products_back.gif) 100% 100% repeat-x;
	padding:4px;
	width:auto;
}

input.button:visited {
	text-decoration:underline;
}

</style>
<!--[if lt IE 8]>
<style type="text/css">
#brthead ul {display:inline-block; padding-right:6px; padding-left:6px;}
#brthead ul{display:inline; padding-right:6px; padding-left:6px;}
#brthead ul li{display:inline-block; padding-right:6px; padding-left:6px;}
#brthead ul li{ display:inline; padding-right:6px; padding-left:6px;}
#brthead ul a{ display:inline-block; padding-right:6px; padding-left:6px;}
#brthead {text-align:center}
</style>
<![endif]-->