/******************************************************
				Title:    Radomir Metal Industries
				Author:   Gipi Gopinath
				Updated:  10 July 2008
******************************************************/

@import url(reset.css); /* Reset Css */

/* ---------->>> =Global Styles <<<-----------*/

body, html {
	font-size: 62.5%;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #ffffff;
	background: #000 url(../images/site_images/bgr.png) center top no-repeat;
}

h2 {
	font-size: 17px;
	font-weight: bold;
	color: #E11E1E;
}

a {
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color: #ffffff;
}

#container {
	margin: 0 auto;
	width: 943px;
}

#wrapper {
	background: url(../images/site_images/bgr_body.jpg) 48% top no-repeat;
	margin: 0 auto;
	width: 943px;
	height: 1000px;
}

.innerpages_content ul li {
	padding: 0 0 5px 10px;
	background: url(../images/site_images/icon_useful_links.gif) left 5px no-repeat;
	list-style-type: none;
}

	.innerpages_content ul li a {
		text-decoration: none;
	}

	.innerpages_content ul li a:hover {
		text-decoration: underline;
	}

	.innerpages_content .galleries_cats{
		color:red;
		float:left;
		width:160px;
		margin:0 5px 10px 0;
		font-size:13px;
	}

	.innerpages_content .galleries_cats img {
		cursor:pointer;
	}

	.innerpages_content .galleries_cats div{
		clear:both;
	}


/* ---------->>> =Language <<<-----------*/

#language {
	float: right;
	margin: 10px 0 0 0;
}

	#language li {
		float: left;
		padding: 0 0 0 10px;
		list-style-type: none;
		font-size: 10px;
	}

		#language li a {
			display: block;
			width: 18px;
			height: 13px;
		}

		#language li a.first_lang {
			background: url(../images/site_images/icon_bg_flag.gif) left top no-repeat;
		}

		#language li a.second_lang {
			background: url(../images/site_images/icon_en_flag.gif) left top no-repeat;
		}


/* ---------->>> =Header <<<-----------*/

#header {
	float: left;
	margin: 0 0 20px 0;
}

	#header h1 {
		float: left;
		padding: 30px 0 0 0;
	}

		#header h1 a {
			background: url(../images/site_images/logo_main.png) left top no-repeat;
			display: block;
			width: 131px;
			height: 111px;
		}

	.en #header h1.logo_img {
		margin: 40px 0 0 80px;
		width: 727px;
		height: 22px;
		background: url(../images/site_images/en_logo_heading.png) left top no-repeat;
	}

	.bg #header h1.logo_img {
		margin: 35px 0 0 80px;
		width: 729px;
		height: 27px;
		background: url(../images/site_images/bg_logo_heading.png) left top no-repeat;
	}


/* ---------->>> =Main Navigation <<<-----------*/

#main_navigation {
	float: right;
	margin: 29px 0 0 0;
	background: url(../images/site_images/bgr_main_nav.png) left top repeat-x;
	height: 33px;
	padding-right:26px;
}

	#main_navigation li {
		float: left;
		position: relative;
		list-style-type: none;
		z-index: 11;
	}

		#main_navigation li a {
			float: left;
			padding: 10px 20px 0 10px;
			height: 23px;
			font-weight: bold;
			text-decoration: none;
		}

		#main_navigation li a:hover,
		#main_navigation li:hover a {
			background: url(../images/site_images/bgr_main_nav_hover.gif) left top repeat-x;
		}

		#main_navigation li.first_hover a {
			padding-left: 25px;
		}

		#main_navigation li.first_hover a:hover {
			background: url(../images/site_images/bgr_main_nav_first_hover.jpg) left top no-repeat;
		}

	#main_navigation li.active {
		background: url(../images/site_images/icon_nav_active.gif) center bottom no-repeat;
	}

		#main_navigation li ul {
			display: none;
			background-color: black;
			position: absolute;
			top: 33px;
			left: 0px;
			z-index: 10;
		}

		#main_navigation li ul li {
			float: left;
			clear: both;
		}

		#main_navigation li:hover ul li a {
			background: none;
		}

		#main_navigation li:hover ul {
			display: block;
		}

		#main_navigation li ul li a:hover {
			color: #CF0000;
			background: none;
		}


/* ---------->>> =Sub Navigation <<<-----------*/

.sub_nav {
	float: left;
	padding: 10px 0 0 0;
	width: 170px;
	background-color: black;
}

	.sub_nav ul li {
		padding: 0 0 10px 0;
		list-style-type: none;
	}

		.sub_nav ul li a {
			padding: 0 0 0 15px;
			background: url(../images/site_images/icon_sub_menu.gif) left 4px no-repeat;
			list-style-type: none;
			text-decoration: none;
		}

		.sub_nav ul li a:hover,
		.sub_nav ul li.active a {
			background: url(../images/site_images/icon_sub_menu_active.gif) left 4px no-repeat;
			color: #FF0000;
		}


/* ---------->>> =Content <<<-----------*/

#content {
	clear: both;
}


/* ---->>> =BreadCrumb <<<-----*/

#breadcrumb,
#useful_site_tools,
.innerpages_content  {
	position: relative;
	z-index: 5;
}

#breadcrumb {
	float: left;
	font-size: 10px;
}

	#breadcrumb li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0 10px 10px 0;
		background: url(../images/site_images/icon_useful_links.gif) right 5px no-repeat;
		font-size: 10px;
		list-style-type: none;
	}

	#breadcrumb li.last {
		background: none;
		font-weight: bold;
	}

		#breadcrumb li a {
			font-size: 10px;
		}


/* ---->>> =Useful Site tools <<<-----*/

#useful_site_tools {
	float: right;
	margin-right: 0px;
	*margin-right: 5px;
}

	#useful_site_tools li {
		float: left;
		padding: 0 10px 0 0;
		list-style-type: none;
	}

		#useful_site_tools li a {
			display: block;
			width: 9px;
			height: 9px;
		}

		#useful_site_tools li.icon_print a {
			background: url(../images/site_images/icon_print.gif) left top no-repeat;
		}

		#useful_site_tools li.icon_email a {
			background: url(../images/site_images/icon_email.gif) left top no-repeat;
		}


/* ---->>> =Main Content <<<-----*/

#main_content {
	float: left;
	_height:55em;
}

.main_content_2 .top_content {
	width: 500px;
	float: left;
	*width: 515px;
}

.top_content {
	width: 690px;
	height: 399px;
	padding: 10px 10px 0 10px;
	position: relative;
}

.top_content_inner {
	width: 525px !important;
	min-height:604px;
	height:100%;
	float:left;
}

.top_content_inner.full_content {
	width: 690px !important;
	min-height: 606px;
	height:100%;
}

.top_content span.text_background,
.product_details span.text_background,
.certificates .inner_certificates_div span.text_background  {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #252525;
	filter:alpha(opacity=71);
 	-moz-opacity:.71;
 	opacity:.71;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 710px;
}

.main_content_2 .top_content span.text_background {
	width: 540px;
}


/* ---->>> =Useful Links <<<-----*/

.top_content .useful_links {
	float: left;
	width: 190px;
	position: relative;
	z-index: 5;
}

.top_content .useful_links h3 {
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.top_content .useful_links ul li {
	padding: 0 0 10px 10px;
	background: url(../images/site_images/icon_useful_links.gif) left 5px no-repeat;
	list-style-type: none;
}


/* ---->>> =Content Details <<<-----*/

.content_details {
	float: left;
	width: 460px;
	position: relative;
	z-index: 5;
	padding-left:15px;
}

	.content_details h2,
	.innerpages_content h2 {
		margin: 0 0 10px 0;
	}

	.content_details p {
		margin: 0 0 12px 0;
	}

	.content_details ul li {
		padding: 0 0 10px 10px;
		background: url(../images/site_images/icon_useful_links.gif) left 5px no-repeat;
		list-style-type: none;
	}

		.content_details ul li a {
			text-decoration: none;
		}


/* ---->>> =Bottom Content <<<-----*/

.bottom_content {
	margin: 10px 0 0 0;
	width: 710px;
}

.product_heading {
	padding: 3px 10px 0 10px;
	background: url(../images/site_images/bgr_products.gif) left top repeat-x;
	height: 19px;
}

	.product_heading h3 {
		font-weight: bold;
		float: left;
	}

	.product_heading a {
		float: right;
		font-size: 10px;
	}

.product_details {
	width: 710px;
	*width: 690px;
	height: 175px;
	position: relative;
}

	.product_details ul {
		float: left;
		margin: 0 0 0 10px;
		padding: 10px 0 0 0;
		position: relative;
		z-index: 5;
	}

		.product_details ul li {
			float: left;
			width: 100%;
			list-style-type: none;
		}

	.product_details dl  {
		float: left;
		margin: 0 15px 0 0;
		padding: 0 0 12px 0;
		width: 210px;
		border-right: 1px solid #313030;
	}

	.product_details dl.last {
		border-right: 0px;
	}

		.product_details dl dt {
			float: left;
		}

		.product_details dl dt img {
			border: 1px solid #616161;
		}

		.product_details dl dd {
			float: right;
			width: 100px;
			padding: 0 0 6px 10px;
			background: url(../images/site_images/icon_useful_links.gif) left 5px no-repeat;
		}


/* ---------->>> =Side Bar <<<-----------*/

#side_bar {
	float: right;
	width: 220px;
}
.gallery {
	position: relative;
}

	.gallery span.text_background  {
		float: left;
		width: 100%;
		height: 100%;
		*height: 400px;
		background: url(../images/site_images/bgr_gallery_1.gif) left top no-repeat;
		filter:alpha(opacity=34);
	 	-moz-opacity:.34;
	 	opacity:.34;
		display: block;
		position: absolute;
		left: 0px;
		top: 180px;
	}

	.gallery ul {
		position: absolute;
		top: 180px;
		left: 0px;
		color: black;
	}

		.gallery ul li {
			float: left;
			padding: 2px 12px 0 13px;
			font-size: 10px;
			list-style-type: none;
		}

		.gallery ul li span.active {
			font-size: 10px;
			font-weight: bold;
		}

		.gallery ul li a {
			font-size: 10px;
			text-decoration: none;
			color: black;
		}

		.gallery ul li.previous_img  {
			padding: 0 10px 0 14px;
			position:relative;
		}

		.gallery ul li.next_img {
			padding: 0 0 0 5px;

		}

		.gallery ul li.next_img a,
		.gallery ul li.previous_img a {
			xpadding-top: 7px;
			font-size: 15px;
		}


/*
.gallery ul li.previous a {
	xbackground: url(../images/site_images/icon_previous.gif) left top no-repeat;
	xdisplay: block;
	xpadding-right: 10px;
	xwidth: 7px;
	xheight: 7px;
}

.gallery ul li.next a {
	xbackground: url(../images/site_images/icon_next.gif) left top no-repeat;
	xdisplay: block;
	xpadding-left: 10px;
	xheight: 7px;
}
*/

#media_player {
	margin: 10px 0 10px 0;
}

#side_bar .certificates {
	float: left;
	width: 220px;
	height: 176px;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

	#side_bar .certificates ul {
		float: left;
		width: 220px;
		padding: 10px 0 0 0;
		position: relative;
		z-index: 5;
	}


		#side_bar .certificates ul li {
			float: left;
			width: 205px;
			margin: 0 0 5px 0;
			padding: 0 0 5px 10px;
			border-bottom: 1px solid #313030;
			list-style-type: none;
		}

		#side_bar .certificates ul li.last {
			border-bottom: 0px;
		}


#side_bar .certificates dl dt {
	float: left;
}

#side_bar .certificates dl dd {
	float: right;
	width: 145px;
}


/* ---->>> =Innerpages content <<<-----*/

.innerpages_content {
	clear: both;
	float: left;
	width: 100%;
}

.innerpages_content h2 {
	margin: 4px 0 25px 0;
}

.innerpages_content ul.site_links li {
	float: left;
	width: 215px;
	padding: 0 0 10px 10px;
	background: url(../images/site_images/icon_useful_links.gif) left 5px no-repeat;
	list-style-type: none;
}

.sitemap {
	margin: 0 0 0 20px;
}

	.sitemap li {
		padding: 0 0 5px 0;
		background: none !important;
		list-style-type: none;
	}

		.sitemap li a {
			font-size: 14px;
			font-weight: bold;
			color: #E11E1E;
			text-decoration: none;
		}

	.sitemap li ul {
		padding: 5px 0 0 0px;
	}

		.sitemap li ul li a {
			font-weight: normal;
			font-size: 11px;
			color: white;
		}

.careers {
	float: left;
	width: 685px;
	*width:670px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 2px;
	border-bottom: 1px solid #313030;
}

	.careers h3 a {
		margin: 0 0 5px 0;
		font-size: 14px;
		color: #C51A1A;
	}

	.careers h4 {
		margin: 7px 0 7px 0;
		font-size: 11px;
		font-weight: bold;
	}

	.careers.last {
		border-bottom: 0px;
		padding-bottom: 0px;
	}

.contacts address {
	float: left;
	width: 365px;
	margin: 15px 0 0 0;
}

	.contacts address strong {
		color: #C51A1A;
	}

	.contacts img {
		float: right;
		margin-right: 20px;
		border: 1px solid white;
	}

.innerpages_content form {
	float: left;
}

	.innerpages_content form p {
		padding: 0 0 10px 0;
		font-weight: bold;
		color: #CD2424;
	}

	.innerpages_content form button {
		margin: 20px 10px 0 0;
		padding: 4px;
		border: 0px;
		background-color: #C51A1A;
		color: white;
	}

	.innerpages_content form input.radio {
		width: 35px;
		position: relative;
		top: 2px;
		background-color: transparent;
		border: 0px;
	}

	.innerpages_content form input,
	.innerpages_content form textarea {
		background-color: #EDEDED;
		border: 1px solid white;
	}

	.innerpages_content form input {
		margin: 2px 0 2px 0;
		width: 216px;
	}

	.innerpages_content form textarea {
		width: 307px;
		height: 74px;
		margin: 2px 0 2px 0;
	}

.main_content_2 .innerpages_content {
	width: 500px;
}

.main_content_2 .innerpages_content img {
	Xfloat: left;
	padding: 0 10px 10px 0;
}

.main_content_2 .innerpages_content ul {
	margin: 0 0 10px 0;
}

.main_content_2 .innerpages_content p {
	margin: 0 0 15px 0;
}

.product_info {
	float: left;
	margin: 0 0 35px 0;
	border-bottom:1px solid #313030;
}

	.product_info dl dt {
		float: left;
		margin-right: 15px;
		border: 1px solid #616161;
	}

	.product_info dl img {
		padding: 0px !important;
	}

	.product_info dl dd {
		float: right;
		width: 390px;
	}

	.product_info dl dd a {
		font-weight:bold;
		color:red;
	}

	.product_info dl dd.heading {
		font-weight: bold;
	}

.structure .product_info {
	margin-bottom: 25px;
}

	.structure .product_info dl img {
		border: 1px solid white;
	}

	.structure .product_info dl dd {
		margin: 0 0 10px 0;
		width: 385px;
	}

	.structure .product_info dl dd.download {
		text-align: right;
	}

	.structure .product_info dl dd.download a {
		color: #FF0000;
	}

.steel_details .product_info {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #313030;
}

.gallery_list ul li {
	background: none;
}


/* ---------->>> =Paging <<<-----------*/

.innerpages_content ul.paging {
	float: left;
	margin-bottom:0px;
	padding: 10px 0 20px 10px;


}

	.innerpages_content ul.paging li {
		float: left;
		padding: 0 3px 0 3px;
		background: none;
		border: none;
		list-style-type: none;
	}

	.innerpages_content ul.paging a {
		font-size: 12px;
		text-decoration: none;
	}

	.innerpages_content ul.paging li.active a {
		color: #981F0A;
		text-decoration: underline;
	}

	.innerpages_content ul.paging li.previous {
		padding-right: 10px;
	}

	.innerpages_content ul.paging li.previous a {
		background: url(../images/site_images/icon_previous_gallery.gif) left top no-repeat;
		display: block;
		width: 16px;
		height: 16px;
	}

	.innerpages_content ul.paging li.next {
		padding-left: 10px;
	}

	.innerpages_content ul.paging li.next a {
		background: url(../images/site_images/icon_next_gallery.gif) left top no-repeat;
		display: block;
		width: 16px;
		height: 16px;
	}

.gallery_list ul.gallery_details {
	float: left;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #303030;
}

.gallery_list ul.gallery_details li {
	float: left;
	width: 520px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #303030;
}

.gallery_list dl {
	width: 161px;
	float: left;
	padding: 0 60px 0 10px;
}

	.gallery_list dl dt img {
		float: none !important;
		padding: 0px !important;
		border: 1px solid #616161;
	}


/* ---------->>> =Footer <<<-----------*/

#footer {
	clear: both;
	float: left;
	width: 100%;
	margin: 15px 0 50px 0;
}

	#footer ul li {
		float: left;
		padding: 0 10px 0 0;
		list-style-type: none;
	}

	#footer address {
		float: right;
		font-size: 10px;
		line-height: 1.8em;
		text-align: right;
	}

	#footer address a {
		margin-right: 2px;
	}



.lightbox_overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: black;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	cursor: pointer;
	z-index: 1001;
}

.lightbox {
	background-color: white;
	z-index: 1002;
	overflow: auto;
	border: 1px solid #666;
}

.parent_img{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index:2000;
	padding-top:16px;
	border:1px solid #333;
	background-color:#D32B2B;
}

.close_img{
	position:absolute;
	top:-4px;
	right:-4px;
	cursor:pointer;
}

.innerpages_content .next, .innerpages_content .current, .innerpages_content .previous{
	margin:0 5px 0 5px;
}

.innerpages_content .gallery_paging a{
	margin:0 5px 10px 0;
}

.error_message{
	font-weight:bold;
	margin-bottom:10px;
}

.product_details ul dd ul{
	margin:0;
	padding:0;
}

.inner_certificates_div{
	float:left;
	position:absolute;
	top:0px;
}

#current{
	font-size:10px;
}


em
{
	font-style: italic;
}