html { font-family: Tahoma, Arial, Helvetica, sans-serif; }  /* Change this to fit the site */ 
body { color: #000; margin: 0px; font-size: 62.5%; background: #fff;}
img { border: 0; }

/* --- These are used to markup required field asterisks --- */
abbr { border: 0; }

/* --- Levels out differences between browsers --- */
h1 { font-size: 2.5em; color:#4d4d4d; font-weight:normal; margin:15px 0 15px 0;}
h2 { font-size: 1.6em; color:#4d4d4d; }
h3 { font-size: 1.5em; color:#4d4d4d; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.4em;}
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 1.2em; }
p { margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; color:#333333;}
small { font-size: 1.2em; }
h2,h3,h4,h5,h6 { margin: 25px 0 10px 0px; }
h1 span, h2 span, h3 span { display: none; }
table, p,ul { font-size: 1.4em; }

/* --- The only reliable way to style HR's is to hide them and them style a div! --- */
hr {
	visibility: hidden;
}
div.d_hv {
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px 0;
	height: 5px;
}

/* --- Some useful tools/classes --- */
.border { border: 1px solid #000 !important; }
.clrb { clear: both; }
.clrb_thin { clear: both; line-height: 0px; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.hidden { visibility: hidden; }
.size10 { font-size: 1.0em; }
.size11 { font-size: 1.1em; }
.size12 { font-size: 1.2em; }
.size14 { font-size: 1.4em; }
.size16 { font-size: 1.6em; }
.size18 { font-size: 1.8em; }
.none { display: none; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.red { color: #FF0000; }
.orange { color:#F15A24;}
.grey { color:#333333;}
.message { color: #FF0000; font-size: 1.3em; font-weight: bold; letter-spacing: -1px;}
.point { cursor: pointer; }
.no_marg { margin: 0!important; }
.top_border_orange {border-top:1px solid #F15A24;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* ---  Main link styles --- */
a:link, a:active, a:visited { 
	text-decoration: none; 
	font-weight: normal;
	color:#F15A24;
}
a:visited {
	text-decoration: none; 
}
a:hover {
	text-decoration: underline;
}
/* --- Error message ul --- */
.error_ul {
	margin: 5px 0 10px 0;
	padding:5px;
	color: #EF480E; 
	font-size: 1.2em; 
	font-weight: bold; 
	list-style: circle;
	border:1px solid #dddddd;
}
.error_ul li { margin: 0 0 0 25px; }

/* --- Basic site stuff --- */



/* --- Center aligned 1000px width wrapper --- */ 
div#main_wrapper {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
}

/* --- Header styling ---*/

#header_wrapper {
	margin:20px 0 0 0;
}

#header_wrapper h1 {
	margin-bottom:10px!important;
}

#main_nav {
	width:940px;
	background:url(../images/nav_buttons_bg.png) top left no-repeat;
}

#main_nav ul {
	height:41px;
	margin:0;
	padding:0;
	border-top:1px solid #F15A24;
}

#main_nav ul li {
	float:left;
	margin-left:0;
	padding-left:0;
	list-style:none;
}

#home_btn a {
	display:block;
	width:79px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) 0 0 no-repeat;
}

#home_btn a:hover, #home_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) 0 -41px no-repeat;
}

#about_btn a {
	display:block;
	width:119px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -79px 0 no-repeat;
}

#about_btn a:hover, #about_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -79px -41px no-repeat;
}

#steel_btn a {
	display:block;
	width:153px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -198px 0 no-repeat;
}

#steel_btn a:hover, #steel_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -198px -41px no-repeat;
}

#picture_btn a {
	display:block;
	width:140px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -351px 0 no-repeat;
}

#picture_btn a:hover, #picture_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -351px -41px no-repeat;
}

#social_mission_btn a {
	display:block;
	width:153px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -491px 0 no-repeat;
}

#social_mission_btn a:hover, #social_mission_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -491px -41px no-repeat;
}

#faqs_btn a {
	display:block;
	width:71px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -644px 0 no-repeat;
}

#faqs_btn a:hover, #faqs_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -644px -41px no-repeat;
}

#get_involved_btn a, #get_involved_btn a:visited {
	display:block;
	width:118px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -715px 0 no-repeat;
}

#get_involved_btn a:hover, #get_involved_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -715px -41px no-repeat;
}

#contact_us_btn a {
	display:block;
	width:107px;
	height:41px;
	background:url(../images/nav_buttons_bg.png) -833px 0 no-repeat;
}

#contact_us_btn a:hover, #contact_us_btn a.main_nav_on {
	background:url(../images/nav_buttons_bg.png) -833px -41px no-repeat;
}

.alt_tags_screenreaders {
	position:absolute;
	left:-2000px;
}

#sub_nav {
	width:940px;
	background:url(../images/sub_nav_bg.png) top left repeat-x;
}

#sub_nav ul {
	padding:0 0 11px 0;
	margin:0;
	height:1.3em;
}

#sub_nav ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-right:1px solid white;
	background:url(../images/sub_nav_bg.png) top left repeat-x;
}

#sub_nav ul li a, #sub_nav ul li a:visited {
	display:block;
	float:left;
	color:#ffffff;
	font-weight:bold;
	height:1.4em;
	font-size:0.9em;
	padding:6px 10px 5px 10px;
	margin-bottom:0;
	white-space:nowrap;
}

#sub_nav ul li a:hover, #sub_nav ul li a.sub_nav_on {
	background:#666666;
}

/* ------ Main Content styling ----- */

.home_h1 a, home_h1 a:visited {
	color:#4D4D4D;
}

#breadcrumbs p {
	font-size:1.1em;
	color:#000000;
}

#breadcrumbs p a, #breadcrumbs p a:visited {
	color:#F15A24;
}


#main_content {
	width:940px;
	min-height: 420px
}

.img_left {
	float:left;
	padding:0 20px 15px 0;
}

.img_right {
	float:right;
	padding:0 0 15px 20px;
}

#left_main_col {
	width:734px;
	margin:0 16px 30px 0;
	float:left;
}

#left_main_col p {
	line-height:1.4em;
}

#left_main_col li {
	line-height:1.5em;
	color:#333333;
}


#right_main_col {
	float:right;
	width:182px;
	margin:5px 8px 30px 0;
}

#right_main_col h2 {
	margin:0;
	background-color:#666666;
	color:#ffffff;
	font-size:1.4em;
	font-weight:normal;
}

#right_main_col h2.no_link {
	display:block;
	padding:5px 10px 5px 10px
}

#right_main_col h2 a, #right_main_col h2 a:visited {
	color:#ffffff;
	display:block;
	padding:5px 10px 5px 10px
}

#right_main_col h3 {
	font-size:1.4em;
	margin:5px 5px 8px 0;
}

#right_main_col h3 a, #right_main_col h3 a:visited {
	color:#333333;
	font-size:1.2em;
}

#right_main_col p {
	color:#666666;
}

.date {
	color:#999999!important;
	font-size:1em;
}

#right_main_col h2 span {
	display:inline;
	float:right;
	color:#ffffff;
}

#right_main_col .grey_bg {
	padding:5px 10px 10px 10px;
	background-color:#f2f2f2;
	margin-bottom:15px;
}

#right_main_col .grey_bg p {
	font-size:1.3em;
}
/* ----- Home page Content Styling ------ */


.homepage p {
	font-size:1.6em;
	line-height:normal!important;
	margin:10px 0 10px;
	color:#7777777;
}

.homepage #left_sp_col {
	float:left;
	width:365px;
	height:300px;
	background:url(../images/steel_bg.jpg) top right no-repeat;
}


.homepage #right_sp_col {
	float:left;
	width:350px;
	height:300px;
	padding: 0 0 0 15px;
	background:url(../images/frames_bg.jpg) top right no-repeat;
}

.homepage #left_sp_col p {
	width:180px;
	color:#333333;
	font-size:1.3em;
	margin-bottom:30px;
}

.homepage #right_sp_col p {
	width:150px;
	color:#333333;
	font-size:1.3em;
	margin-bottom:30px;
}

a.button_links, a.button_links:visited {
	display:block;
	width:110px;
	background-color:#E6E6E6;
	border-left: 1px solid #F15A24;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	color:#666666;
	font-weight:bold;
	font-size:1.3em;
	padding:5px;
}

a.category_buttons, a.category_buttons:visited {
	display:block;
	float:left;
	width:110px;
	background-color:#E6E6E6;
	border-top: 1px solid #F15A24;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	color:#666666;
	font-weight:bold;
	font-size:1.3em;
	padding:5px;
	margin:0 0 10px 10px;
	min-height:30px;
	cursor:pointer;
}

/* ---- Products styling ----> */

.pagination_controls_wrap {
	width:708px;
	background-color:#f2f2f2;
	border:1px solid #b3b3b3;
	text-align:center;
	padding:8px 12px 8px 12px;
	margin-top:30px;
}

.pagination_foot {
	margin-top:5px;
	background-color:#ffffff;
	border:none;
}

.pagination_controls_wrap p {
	margin:0;
	padding:0;
	color:#999999;
}

.displaying_pagination {
	float:left;
	color:#000000;
}

.results_per_page_pagination {
	float:right;
	color:#000000;
}

.pagination_on {
	font-weight:bold;
	color:#ff5500;
}
.pagination_controls_wrap form {
	margin:-2px 0 0 0;
	padding:0;
}

.pagination_controls_wrap form label select {
	font-size:1.2em;
}

.pagination_controls_wrap a, .pagination_controls_wrap a:visited {
	color:#000000;
}

.product_wrapper {
	margin-top:15px;
	width:734px;
}

.width_product_thumb {
	width:120px; 
	float:left;
	margin:0 10px 10px 0;
}

.product_wrapper img {
	border:none;
	margin-right:10px;
}

.product_buttons {
	float:right;
	width:139px;
}

.product_title_description {
	float:left;
	width:450px;
}

.product_buttons a img {
	border-top:1px solid #F15A24;
	margin:0 0 5px 0;
}

.product_buttons_detail a img {
	border-top:1px solid #F15A24;
	margin:0 0 5px 0;
	float:left;
	margin-right:10px;
}

.product_title_description h2, .product_title_description h2 a, .product_title_description h2 a:visited {
	margin:0 0 5px 0;
	color:#4D4D4D;
	font-weight:bold;
}




/*---- Footer styling --- */
div#footer_wrapper {
	background-color: #666666;
	width:880px;
	padding:20px 30px 20px 30px;
	color:#ffffff;
}

div#footer_wrapper h2 {
	margin:0;
	font-size:1.5em;
	color:#ffffff;
}

div#footer_wrapper p {
	margin:0 0 0 0;
	font-size:1.4em;
}

div#footer_wrapper a {
	color:#ffffff;
}

.footer_cols {
	float:left;
	margin:0 70px 0 0;
}

.footer_col_end {
	float:left;
	margin:0;
	width:125px;
}

.focus_link {
	font-size:1.1em;
	float:right;
}

.focus_link a, .focus_link a:visited {
	color:#333333;
}

/* blog */

div.entry div.image_container {
	text-align: center;
	float: left;
	width: 150px;
	margin: 5px 10px 0 0;
}
div.entry div.image_container img {
	border: 1px solid #000;
}
p.img_caption {
  margin: 1px 0;
  font-size: 1.1em;
}

a.blog_label, a.blog_label:visited {
	color:#666666;
	text-decoration:underline;
}

a.blog_label:hover {
	color:#F15A24;
}

.blog_title {
	font-size:2em;
	margin-bottom:0;
	font-weight:normal;
}

.main_blog_title {
	margin-bottom:0;
	font-weight:normal;
}

.blog_date_time {
	color:#888888;
	margin-top:0;
	font-size:1.1em;
}

a.back_blog, a.back_blog:visited {
	color:#888888;
}

/* --- Form styling --- */

form {
	float:left;
}

form fieldset { border: 0 }
form legend { display: none }

form label {
	float:left;
	margin-bottom:10px;
}

form label span {
	display: block;
	float: left;
	width: 150px;
	font-size:1.2em;
}

form input.indented {
	margin-left:150px;
}

form input.submit {
	float: right;
}

form fieldset input, form fieldset textarea {
	width: 300px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}