@charset "utf-8";

/********************************/
/*      Russell Industries      */
/*         CSS Document         */
/*             Main             */
/********************************/

/* Global */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	background: #2d5984;
	text-align: center;
}

p, ul, ol, dd, table.dataTable, form, blockquote {
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 4px;
	color: #2d5984;
	font-weight: bold;
}

h1 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #903b3b;
	font-weight: normal;
}

h2 {
	font-size: 16px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: normal;
}

h4, h5, h6 {
	font-size: 12px;
}

a {
	color: #4465a0;
	text-decoration: underline;
}

a:hover, #footer a:hover {
	color: #a88948;
}

ul {
	list-style: none;
}

li {
	padding: 3px;
}

ul li {
	padding-left: 32px;
	background: url(../images/bullet.gif) 16px 6px no-repeat;
}

ol {
	list-style-position: inside;
}

ol li {
	padding-left: 16px;
}

li ol {
	padding-left: 20px;
}

li ol, li ul {
	margin-bottom: 0;
}

dt {
	margin-bottom: 2px;
	font-weight: bold;
}

td {
	vertical-align: top;
}

fieldset {
	padding: 4px;
	border: 1px solid #a7a6aa;
}

strong, b {
	color: #2d5884;
	font-weight: bold;
}

em, i {
	font-style: italic;
}

hr {
	height: 0;
	margin: 15px 20px;
	border: none;
	border-bottom: 1px solid #c5c0a4;
}

blockquote {
	font-style: italic;
}

cite {
	font-style: normal;
	color: #8e9ead;
}

address {
	font-style: normal;
}

/* Classes */

.dataTable {
	border-collapse: collapse;
}

.dataTable tr.alt {
	background: #eee;
}

.dataTable th, .dataTable td {
	padding: 4px;
	border: 1px solid #c3beb1;
}

.dataTable.noborder th, .dataTable.noborder td {
	border: 0;
}

.dataTable th {
	background: #2d5984;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.dataTable a {
	text-decoration: none;
}

.gallery th, .gallery td {
	padding: 8px 4px;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

.clear {
	clear: both;
}

.nogap {
	margin-bottom: 0 !important;
}

.nomargin {
	margin: 0;
}

.noborder {
	border: 0 !important;
}

.small {
	font-size: 11px;
}

.box {
	height: 100%;
	padding: 4px 0;
	overflow: auto;
	border: 1px solid #c3beb1;
	background: #f2ebdc;
}

.center, .center * {
	text-align: center;
}

p.strong {
	padding: 15px 10px;
	clear: both;
	border: 1px solid #9ba6ae;
	background: #d8dbe0;
}

ul.listsplit2 {
	width: 50%;
	float: left;
}

ul.listsplit3 {
	width: 33%;
	float: left;
}

a.gallerylink {
	margin-top: 6px;
	float: right;
	font-size: 11px;
}

/* Layout */

#full {
	min-width: 900px;
	background: #112941 url(../images/bg-top.png) 0 33px repeat-x;
}

#full-inner {
	background: url(../images/bg.jpg) top center no-repeat;
}

#wrap {
	min-width: 900px; /* IE 7 */
	padding-top: 15px;
	background: url(../images/bg-bottom.png) bottom repeat-x;
	text-align: center;
}

#container {
	width: 898px;
	margin: 0 auto 4px;
	border: 1px solid #9f9f9f;
	border-top: 1px solid #fe0f0f;
	background: #fff url(../images/bg-leftnav.png) 7px 0 repeat-y;
}

#container > div.clear {
	height: 14px;
	background: #fff url(../images/bg-leftnav-bottom.png) 7px 0 no-repeat;
}

/* Header */

#header {
	width: 820px;
	height: 51px;
	margin: 0 auto;
	padding: 19px 40px;
	background: #a8aaad url(../images/bg-header.jpg) no-repeat;
}

#header img {
	border: 0;
}

#logo {
	width: 111px;
	margin-bottom: -34px;
	position: relative;
	top: -34px;
	float: left;
	z-index: 1;
	overflow: visible;
}

#russell {
	float: left;
}

#name {
	width: 265px;
	height: 31px;
	margin-bottom: 0;
	padding-left: 10px;
	position: relative;
	font-size: 28px;
	font-weight: bold;
}

#name a {
	color: #293f55;
	text-decoration: none;
}

#name span { /* CSS image replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/russell-industries.png) no-repeat;
}

#tagline {
	width: 316px;
	height: 20px;
	margin-bottom: 0;
	padding-left: 10px;
	position: relative;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

#tagline span { /* CSS image replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/new-and-used.png) no-repeat;
}

#phone {
	float: right;
	width: 209px;
	height: 25px;
	margin: 26px 0 0;
	padding-right: 13px;
	position: relative;
	font-size: 12px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

#phone span { /* CSS image replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/header-phone.png) no-repeat;
}

#phones {
	padding-top: 11px;
	float: right;
}

#phone-houston {
	width: 192px;
	height: 20px;
	margin-left: 60px;
	margin-bottom: 0;
	position: relative;
	font-size: 12px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

#phone-houston span { /* CSS image replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/header-houston.png) no-repeat;
}

#phone-dfw {
	width: 253px;
	height: 20px;
	margin-bottom: 0;
	position: relative;
	font-size: 12px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

#phone-dfw span { /* CSS image replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/header-dfw.png) no-repeat;
}

/* Topnav */

#topnav {
	width: 634px;
	height: 27px;
	margin: 0 auto;
	padding: 0 24px 0 236px;
	display: block;
	list-style: none;
	border: 3px solid #595959;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: #1c1c1c url(../images/bg-topnav.png) no-repeat;
}

#topnav li {
	height: 27px;
	padding: 0;
	float: left;
	background: none;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#topnav li a {
	height: 27px;
	display: inline-block;
	position: relative;
	color: #fff;
	line-height: 24px;
	text-align: center;
}

#topnav li a:hover {
	color: #ccc;
}

#topnav li a span { /* CSS Image Replacement */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/topnav-off.png) no-repeat;
}

#topnav li a:hover span {
	background: url(../images/topnav-hover.png) no-repeat;
}

#topnav li#navhome a {
	width: 70px;
}

#topnav li#navhome a span {
	background-position: 0 0;
}

#topnav li#navabout a {
	width: 87px;
}

#topnav li#navabout a span {
	background-position: -70px 0;
}

#topnav li#navproducts a {
	width: 88px;
}

#topnav li#navproducts a span {
	background-position: -157px 0;
}

#topnav li#navinventory a {
	width: 133px;
}

#topnav li#navinventory a span {
	background-position: -245px 0;
}

#topnav li#navservices a {
	width: 160px;
}

#topnav li#navservices a span {
	background-position: -378px 0;
}

#topnav li#navcontact a {
	width: 96px;
}

#topnav li#navcontact a span {
	background-position: -538px 0;
}

/* Media */

#media {
	width: 695px;
	height: 138px;
	margin: 0 auto;
	padding-left: 203px;
	border: 1px solid #b0a180;
	border-top: none;
	border-bottom: 4px solid #000;
	background: #0b1b2a;
}	

/* Breadcrumbs */

#breadcrumbs, p.crumb {
	margin: -20px -20px 14px;
	padding: 2px 20px;
	background: #eee;
	border-bottom: 1px solid #d6d6d6;
	font-size: 10px;
}

/* Leftnav */

#leftnav {
	width: 192px;
	margin-left: 7px;
	margin-bottom: -136px;
	float: left;
	display: inline; /* IE 6 */
	position: relative;
	top: -136px;
	border: 1px solid #d6d6d6;
	border-bottom: none;
	background: #151515;
}

#leftnav #leftnavimg {
	border-bottom: 1px solid #800000;
}

#leftnav h3 {
	margin-bottom: 0;
	padding: 4px 8px;
	position: relative;
	top: -27px;
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE opacity */
	border-top: 1px solid #b3b5b3;
	border-bottom: 1px solid #cb0000;
	color: #fff;
	background: #000;
	font-weight: bold;
}

#leftnav h3 a {
	color: #fff;
	text-decoration: none;
}

#leftnav ul {
	padding-top: 8px;
	position: relative;
	top: -25px;
	border-top: 1px solid #d6d6d6;
}

#leftnav ul li {
	margin: -1px 0 0;
	padding: 0;
	display: block;
	background: none;
}

#leftnav ul li a {
	width: 154px; /* IE 6 */
	padding: 2px 12px 2px 26px;
	display: block;
	background: #5f5f5f url(../images/bg-leftnavitem-off.png) no-repeat;
	border-top: 1px solid #888282;
	border-bottom: 1px solid #888282;
	color: #eee;
	text-decoration: none;
}

#leftnav ul li a:hover {
	background: #8b8b8b url(../images/bg-leftnavitem-hover.png) no-repeat;
}

#leftnav li ul {
	padding-top: 0;
	position: static;
}

#leftnav li ul li a {
	width: 146px;
	padding-left: 34px;
	background: url(../images/bg-leftnavsubitem-off.png) no-repeat;
}

#leftnav li ul li a:hover {
	background: url(../images/bg-leftnavsubitem-hover.png) no-repeat;
}

#leftnav div {
	margin-bottom: 10px;
}

#leftnav img {
	border: 0;
}

/* Content */

#content {
	width: 657px;
	min-height: 350px;
	height: auto !important; /* IE 6 */
	height: 350px; /* Should be the same as min-height above */
	padding: 20px 20px 6px;
	float: right;
}

#content p, #content dd {
	line-height: 18px;
}

#content a img {
	border: 0;
}

/* Pallet Rack Identification table */

#pri td {
	padding-left: 0;
	padding-right: 0;
}

#pri strong {
	display: block;
	text-align: center;
}

/* Footer */

#footer {
	width: 870px;
	height: 37px;
	margin: 0 auto 10px;
	padding: 12px 15px 6px;
	font-size: 11px;
	color: #6283a3;
	background: #12283d url(../images/bg-footer.jpg) center no-repeat;
}

#footer p {
	margin-bottom: 6px;
	text-align: center;
}

#footer a {
	color: #6283a3;
	font-weight: bold;
}

#valink {
	font-weight: normal !important;
	text-decoration: none;
}

#social {
	float: left;
}

#social li {
	padding: 0;
	float: left;
	background: none;
}

#social a img {
	border: none;
}