/* Main Home Relative */
.site-enter {
	text-align:left;
	background-color: #3c2821;
	border: 1px solid red;
}
/* header */
.top-very-top {
		background:url(../images/footer/images/footer-backg.png) repeat-x;
	height:78px;
	clear: both;
}
.top-header-backg {
	background:url(../images/header/images/header-top-slice.png) repeat-x;
	height:56px;
}
.top-header-wrap {
	width:982px;
	margin:0 auto;
	padding-right:8px;
}
.top-header-text {
	float:right;
	width:255px;
	color: #343432;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 21px;
}
.header-backg {
	width:100%;
	height: 486px;
}
.header-wrap {
	height:auto;
	width:990px;
	margin:0 auto;
}
#header-logo {
	height:99px;
	width:346px;
	padding-top:8px;
}
.header-main-pic {
	background:url(../images/banner-rotator/images/banner-backg.png) no-repeat;
	width:990px;
	height:426px;
	position: relative;
}
.header-3-button-wrap {
	width:990px;
	height: 93px;
	position: absolute;
	left: 0px;
	top: 224px;
	z-index: 100;
}
.header-3-button-wrap-inside {
	width:990px;
	height: 86px;
	position: absolute;
	left: 0px;
	top: -79px;
	z-index: 100;
	background: url(../images/banner-rotator/images/banner-shadow.png) no-repeat center bottom;
}
.home-pic-rotator {
	background:url(../images/home/images/middle-content-background.png) no-repeat;
	width:890px;
	height:398px;
	margin: 0 auto 4px auto;
	padding:30px 12px 0 12px;
}
.pic-rotator {
	width:990px;
	height:374px;
	margin: 0 auto;
	overflow: hidden;
}
.logo_menu
{
	background:url(../images/header/images/logo.png) no-repeat;
}
/* login */
#login {
	width:970px;
	height:20px;
	text-align: right;
	background-color: #F7F7F7;
	margin: auto;
	padding: 10px;
	line-height: 1.4em;
}
#login-wrap {
	background-color: #F7F7F7;
	margin: auto;
	line-height: 1.4em;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
}
/* content */
.master-content-wrap {
	background:url(../images/right-side-bar/images/new-sidebar-backg.jpg) left repeat-y;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	position: relative;
	z-index: 1;
	top:-167px;
}
.master-content-wrap-home {
	background:url(../images/right-side-bar/images/new-sidebar-backg.jpg) left repeat-y;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	position: relative;
	z-index: 1;
	top: -120px;
	height: 395px;
}
.background-image-none {
	background:none !Important;
}
.content-wrap {
	width:648px;
	z-index: 1;
	clear: both;
	height:auto;
	float: right;
	margin-right:20px;
}
.new-content-grey-backg	{
	background:url(../images/content/images/new-content-grey-backg.png) repeat-y;
	width:688px;
}
.content-wrap2 {
	width:648px;
	z-index: 1;
	height:auto;
	float: right;
	position: relative;
}
.content-wrap3 {
	width:990px;
	z-index: 21;
	height:auto;
	margin-top: 50px;
}
.content-header	{
width: 633px;
background: url(../images/home/images/blue.png);
height: 40px;
padding: 13px 0 0 15px;
margin-top: 12px;
position: relative;
}
.home-content-header {
	background:url(../images/home/images/new-home-content-header-backgs.png) no-repeat;
	width:670px;
	height:90px;
	padding: 0 0 0 15px;
	position: relative;
}
.home-content-header a.view-all {
	position: absolute;
	top:35px;
	right:50px;
}
.home-content-header-banner {
	background:url(../images/home/images/new-home-content-header-banner.png) no-repeat;
	width:585px;
	height:61px;
	padding: 13px 0 0 15px;
	position: absolute;
	top:7px;
	left:-8px;
}
.inside-content-header {

	width:975px;
	height:41px;
	padding: 14px 0 0 15px;
background: url(../images/home/images/blue.png);
background-repeat: repeat-x;
	position: relative;
}

.inside-content-headersm {
width: 975px;
height: 20px;
padding: 7px 0 1px 15px;
background: url(../images/home/images/blue.png);
background-repeat: repeat-x;
position: relative;
float: right;
}

.content {
	margin:0 4px 0 4px;
	padding: 18px 14px;
	line-height:1.3em;
}
.content-inside {
	line-height:1.3em;
}
.content-inside2 {
	margin:0 4px 0 4px;
	padding: 0 2px;
	line-height:1.3em;
}
.home-ad1 {
	width:303px;
	height:148px;
	float:left;
	margin-left: 1px;
}
.home-ad1 a {
	background:url(../images/home/images/latest-products-button.png) no-repeat;
	width:303px;
	height:148px;
	display:block;
}
.home-ad2 {
	width:303px;
	height:148px;
	float:left;
}
.home-ad2 a {
	background:url(../images/home/images/featured-products-button.png) no-repeat;
	width:303px;
	height:148px;
	display:block;
}

.home_msg_left
{
position:absolute;
left:0px;
top:0px;
width:450px;

background: #f1f6fc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f6fc', endColorstr='#e2e9f2');
background: -webkit-gradient(linear, left top, left bottom, from(#f1f6fc), to(#e2e9f2));
box-shadow: 1px 1px 1px 1px #859290;
border-color:#d65701;
border-radius: 3px;	
padding: 15px;

font-size: 11pt;
height: 200px;
}
.home_msg_left_img
{
	float:left;
background:url(../images/home/images/custom_image.png) no-repeat;
width:155px;
height:168px;
padding-right: 10px;
}
.home_msg_center
{
position:absolute;
left:500px;
top:0px;
width:450px;	

background: #f1f6fc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f6fc', endColorstr='#e2e9f2');
background: -webkit-gradient(linear, left top, left bottom, from(#f1f6fc), to(#e2e9f2));
box-shadow: 1px 1px 1px 1px #859290;
border-color:#d65701;
border-radius: 3px;	
padding: 15px;

font-size: 11pt;
height: 200px;
}
.home_msg_center_img
{
	float:left;
background:url(../images/home/images/wall_panel_image.png) no-repeat;
width:155px;
height:168px;
padding-right: 10px;
}
.home_msg_BLeft
{
position:absolute;
left:0px;
top:240px;
width:450px;	

background: #f1f6fc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f6fc', endColorstr='#e2e9f2');
background: -webkit-gradient(linear, left top, left bottom, from(#f1f6fc), to(#e2e9f2));
box-shadow: 1px 1px 1px 1px #859290;
border-color:#d65701;
border-radius: 3px;	
padding: 15px;
font-size: 11pt;
height: 190px;

}
.home_msg_BLeft_img
{
	float:left;
background:url(../images/home/images/seam_metal_image.png) no-repeat;
width:155px;
height:168px;
padding-right: 10px;
}


.home_msg_BRight
{
position:relative;
left:470px;
top:240px;
width:450px;	


background: #f1f6fc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f6fc', endColorstr='#e2e9f2');
background: -webkit-gradient(linear, left top, left bottom, from(#f1f6fc), to(#e2e9f2));
box-shadow: 1px 1px 1px 1px #859290;
border-color:#d65701;
border-radius: 3px;	
padding: 15px;
font-size: 11pt;
height: 190px;
margin-bottom: 40px;
}
.home_msg_BRight_img
{
	float:left;
background:url(../images/home/images/roof_metal_image.png) no-repeat;
width:155px;
height:168px;
padding-right: 10px;
}



.newsletter {
	background:url(../images/home/images/newsletter-background.png) no-repeat;
	width:307px;
	height:85px;
	float:right;
}
.stay-connected {
	background:url(../images/home/images/stay-connected-background.png);
	width:297px;
	height:63px;
	float:right;
	padding-right: 9px;
}
.stay-connected a {
	float:right;
	margin:12px 5px 0px 0px;
}

.blue
{

width: 100%;
position: absolute;
height: 10px;
margin-top: -10px;
}
/* Left and Right Sidebar Relative */

.lt-sidebar_wrap {
	float: left;
	width: 215px;
	padding-right: 27px;
	padding-left: 22px;
}
.lt-sidebar_content {
	text-align: left;
	float: left;
	line-height: 1.2em;
	padding-left: 3px;
}
.rt-sidebar_wrap {
	float: right;
	width: 217px;
	height: auto;
	position: relative;
	padding-left: 30px;
	padding-right: 25px;
}
.rt-sidebar_content {
	width: 217px;
	text-align: left;
	color: #3b3a3a;
	height: 380px;
	min-height: 380px;
}
/* Ads Footer */
.ads-footer-divider {
	background:url(../images/main/images/footer-divider-backg.png);
	height:42px;
}
.ads-footer-backg {

	padding: 10px 0;
	background-color: #f0f0f0;
	border-top: 1px solid #e2dfd4;
	clear: both;
}
.ads-footer-wrap {
	width:970px;
	margin:auto;
	height:134px;
	padding: 0 10px;
	position: relative;
}
.ad1 {
	height:116px;
	width:440px;
	float:left;
	padding: 16px 35px 0px 6px;
	border-right: 1px solid #e2dfd4;
	color: #5c5b5b;
	line-height: 1.2em;
}
.ad1 p {
	padding:0;
	margin:0;
}
.ad1-wordpress-logo {
	height:101px;
	width:99px;
	float: left;
	margin-right: 17px;
}
.ad1-wordpress-logo a {
	height:101px;
	width:99px;
	background:url(../images/main/images/wordpress-logo.png) no-repeat;
	display:block;
}
.ad1-h1 {
	padding-bottom:10px;
	font: Georgia, "Times New Roman", Times, serif!Important;
	font-weight: normal;
}
.ad1-wordpress-link {
	float:right;
}
.ad1 a {
	color:#d02727;
	font-style:italic;
	font-weight: bold;
}
.ad1 a:hover {
	color:#AEAEAE;
	font-style:normal;
	font-weight: bold;
}
.ad2 a:hover {
	color:#AEAEAE !Important;
	font-style:normal !Important;
	font-weight: bold !Important;
}
div.ad1-h1 a {
	font-size:1.6em !Important;
	color:#364a73;
	font-style:normal;
	font-weight: normal;
}
div.ad1-h1 a:hover {
	color:#D22727;
	font-weight: normal;
}
.tagline
{
		position: absolute;
margin-left: 10px;
top: -5px;
}
.tagline h1
{
	
	text-shadow: 1px 1px 1px #000;
	font-size:11pt;
	font-weight:bold;	
	filter: Shadow(Color=#000, 	
			Direction=60, 
			Strength=1);
}
.social_icons
{
	position: absolute;
margin-left: 780px;
top: -55px;
}
.social_icons_phone
{
background:url(../images/header/images/phone.png);
width:216px;
height:50px;
}
.social_icons h2
{
	color:#FFF;
	font-size: 20pt;
	
}
.social_facebook
{
	background:url(http://ocmetals.com/Dev/images/header/images/facebook-icon.png) no-repeat;
position: absolute;
top: 0px;
left: 150px;
z-index: 10000;
width:34px;
height:35px;
}
.social_twitter
{
	
	background-image:url(../images/header/images/twitter-icon.png);
position: absolute;
top: 0px;
left: 185px;
z-index: 10000;
width:34px;
height:35px;
}
.ad2-facebook-link {
	color:#344973!Important;
	font-style:italic !Important;
	font-weight: bold !Important;
	float:left;
}
.ad2-twitter-link {
	color:#45cfff !Important;
	font-style:italic !Important;
	font-weight: bold !Important;
	float:right;
}
.ad2-h1 {
	font-size:1.6em;
	color:#344973;
	padding-bottom:10px;
	font: Georgia, "Times New Roman", Times, serif!Important;
	font-weight: normal;
}
.ad2-h1-color1 {
	color:#a6adba;
}
.ad2-h1-color2 {
	color: #0079AC
}
.ad2 {
	height:116px;
	width:450px;
	float:left;
	padding: 16px 16px 0px 22px;
	color: #5c5b5b;
}
.ad2-facebook-logo {
	height:107px;
	width:82px;
	background:url(../images/main/images/facebook-logo.png) no-repeat;
	float:left;
}
.ad2-twitter-logo {
	height:107px;
	width:100px;
	background:url(../images/main/images/twitter-logo.png) no-repeat;
	float:left;
}
/* Footer Relative */
#footer {
	text-align:left;
	text-decoration: none !important;
	color:#FFFFFF;
	background:url(../images/footer/images/footer-backg.png) repeat-x;
	height:128px;
	clear: both;
}
#footer_notes_wrap {
	width:100%;
	height:auto;
}
#footer_notes_content {
	font-size: .9em;
	width:auto;
	padding-top:1px;
	margin-bottom:10px;
	text-align:left
}
#footer a {
	color: #FFFFFF !Important;
	text-decoration:none !Important;
}
#footer a:link {
	color: #FFFFFF !Important;
	text-decoration: none !Important;
}
#footer a:hover {
	color: #E4E4E4 !Important;
	text-decoration: underline !Important;
}
.sitemapHeader {
	width: 100%;
	height: 79px;
}
.sitemapHeader a {
	clear: both;
	float: left;
	width: 712px;
}
.sitemapHeader2 {
	margin-bottom:10px;
	clear: both;
	width: 100%;
	margin-top: 2px;
	position:relative;
	padding-top: 20px;
}
.sitemapHeader2 a {
	clear: both;
	float: left;
	width: 703px;
}
#footerContent {
	width:970px;
	margin: 0 auto;
	padding: 0 10px;
	clear: both;
	color: #FFFFFF;
}
#footerMenu {
	margin-top:16px;
	margin-left:0px;
	padding:0 20px 0 0;
	text-align:left;
	float:left;
	font-weight: bold;
}
#footerMenu ul {
	list-style:none;
}
#footerMenu ul li {
	margin:0;
	padding:0;
}
#footer_btm_wrap {
	height: auto;
	clear: both;
	width: 100%;
}
#footer_pwrdby {
	padding-top:4px;
	font-size:0.95em;
	float:right;
}
.footer-bar {
	background:url(../images/main/footer-bar.jpg);
	width:990px;
	height:45px;
	margin:15px auto 0px auto;
}
.footer_pwrdby_a {
	color:#FFFFFF;
}
/* sitemap specific for footer */
.item {
	float:left;
	margin-bottom:20px;
	color: #6A6A6A;
	margin-right: 55px;
	padding-bottom: 5px;
	border-bottom: 1px solid #F3F3F3;
	padding-top: 5px;
}
.item-last {
	float:left;
	margin-bottom:20px;
	color: #6A6A6A;
	padding-bottom: 5px;
	border-bottom: 1px solid #F3F3F3;
	padding-top: 5px;
}
.item div:hover {
	background-color:#0E0E0E;
}
.item-last div:hover {
	background-color:#0E0E0E;
}
.item_desc {
	width: 275px;
	padding-left: 5px;
	margin-top: 5px;
	color:#F5F5F5;
	letter-spacing: normal;
	height: 20px;
	padding-top: 4px;
	background-color: #353333;
}
.sitemapMargin {
	margin: 6px 0;
}
.linkTop {
	margin-top: 5px;
}
#sitemap_indent {
	padding: 25px 25px 25px 35px;
}
/* sitemap specific-end */



/* Footer LOGO. - Animated hover block for footer logo*/	
ul.hover_block {
}
ul.hover_block li {
	height:20px;
	margin-top:7px;
	list-style:none;
	float:right;
	position: relative;
	background:none;
}
ul.hover_block li a {
	display: block;
	position: relative;
	overflow: hidden;
	width:165px;
	height:32px;
	color:#000000;
	line-height:0px;
}
ul.hover_block li a {
	text-decoration: none;
}
ul.hover_block li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
/* Accordion for products page*/
 .accordionItem h2 { margin: 0; font-size: 1.1em;   padding: 0.4em; color: #000; background-color: #000; }
      .accordionItem {  }		
      .accordionItem h2:hover { cursor: pointer;  margin-bottom:0px; margin-top:0px; text-decoration:underline; color:#33FF00;  }
      .accordionItem div {  background-color: #213561; border-bottom: 1px solid #213561; }
      .accordionItem.hide h2 {color: #eee; background-color: #ec1c23;   margin-bottom:0px; margin-top:0px;}
      .accordionItem.hide div { display: none;} 


.acocordionItem h6 {
margin-bottom:0px; margin-top:0px;}

/* Footer LOGO END. - Animated hover block for footer logo*/