/*
Theme Name: MetroSpine 
Theme URI: http://metrospine.com
Description: The default MetroSpine Theme
Version: 1.0
Author: Panasall
Author URI: http://www.panasall.com/
*/

* {
	margin:0; padding:0;
}

body{
	background:#212121 url(images/b-dr.gif) repeat-y center;
	text-align:center;
}

a:hover{text-decoration:none;}

img { border:0px;}

input { vertical-align:middle;}

.dt { display:table; width:100%;}

.dr { display:table-row; width:100%; height:100%;}

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%;}

.main_text, input, textarea, body, select, font
	{
		font-family:Tahoma; 
		font-size:11px;
		line-height:14px;
		color:#7E7E7E;
	}

a {color:#0077BC;}

font { color:#66CCFF;}

b { color:#0076BB;}

ul { list-style:none;}

.ul1 li { background:url(images/a.gif) no-repeat left; padding-left:11px;}
.ul1 li a { color:#0076BB; line-height:18px; text-decoration:underline;}
.ul1 li a:hover { text-decoration:none;}

.tall_top { background:#777777 url(images/tall1-dr.gif) repeat-x top;}
.tall_bottom { background:url(images/tall2-dr.gif) repeat-x bottom; text-align:center;}

.main { width:766px; margin:auto;}

.header { background:url(images/fl.jpg) no-repeat left top;  height:300px;}

.sel1 { width:102px; border:1px #A5ACB2 solid; color:#000000;}

.cont .col1 { width:40px;}
.cont .col2 { width:684px; *width:692px; background:#505050; *background:url(images/bg.gif) repeat-y); *position:relative; *left:-1px; *top:-15px;}
.cont .col2 .margin { margin:0px 5px 8px 5px;}
.cont .col3 { width:42px;}

.phone {color:#0077BC; font-weight:bold;}

.m_l_dr { background:url(http://www.metrospine.com/images/m-l-dr.gif) repeat-y right;}
.m_l_t { background:url(http://www.metrospine.com/images/m-l-t.gif) no-repeat top right; height:100%;}
.m_l_b { background:url(http://www.metrospine.com/images/m-l-b.gif) no-repeat bottom right; height:100%;}

.m_r_dr { background:url(http://www.metrospine.com/images/m-r-dr.gif) repeat-y left;}
.m_r_t { background:url(http://www.metrospine.com/images/m-r-t.gif) no-repeat top left; height:100%;}
.m_r_b { background:url(http://www.metrospine.com/images/m-r-b.gif) no-repeat bottom left; height:100%;}


.footer { height:56px; background:#000000; color:#535353;}
.footer a { color:#535353; text-decoration:none;}
.footer a:hover { text-decoration:underline;}
.footer .col1 { width:342px;}
.footer .col2 { width:342px; background:none; text-align:right;}

.m1_l_t { background:url(http://www.metrospine.com/images/m1-l-t.gif) no-repeat left top #FFFFFF;}
.m1_l_b { background:url(http://www.metrospine.com/images/m1-l-b.gif) no-repeat left bottom;}
.m1_r_t { background:url(http://www.metrospine.com/images/m1-r-t.gif) no-repeat right top;}
.m1_r_b { background:url(http://www.metrospine.com/images/m1-r-b.gif) no-repeat right bottom;}

.m1_margin { margin:16px 10px 15px 10px;}

.m2_l_t { background:url(images/m2-l-t.gif) no-repeat left top #B2B2B2; *position:relative; *top:-14px;}
.m2_l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.m2_r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.m2_r_b { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.m2 { color:#343434; line-height:12px;}

.cont .m2 .margin { margin:18px 13px 25px 11px; *margin:18px 13px 25px 11px; }

.m2 a { color:#0077BC; text-decoration:none;}
.m2 a:hover { text-decoration:underline;}
.m2 font { color:#4B4B4B; font-size:15px; line-height:15px; font-weight:bold;}
.m2 b { color:#0077BC; font-size:12px;}

.m3_l_t { background:url(images/m3-l-t.gif) no-repeat left top #C6C6C6;}
.m3_l_b { background:url(images/m3-l-b.gif) no-repeat left bottom;}
.m3_r_t { background:url(images/m3-r-t.gif) no-repeat right top;}
.m3_r_b { background:url(images/m3-r-b.gif) no-repeat right bottom;}

.cont .m3 { color:#343434;}
.cont .m3 .margin { margin:27px 10px 20px 13px;}
.cont .m3 font { color:#4F4F4F; font-size:15px; line-height:15px; font-weight:bold;}
.cont .m3 b { color:#0076BB;}

.h_text, h2 { color:#0074B6; font-size:15px; line-height:15px; font-weight:bold;}

.h1_text { color:#5A5A5A; font-size:15px; line-height:15px; font-weight:bold;}

.h_l { background:url(images/h-l.gif) repeat-x; height:1px;}

.link1 { background:url(images/a1.gif) no-repeat right; padding-right:10px; color:#0077BC; font-size:10px; text-decoration:none;}
.link1:hover { text-decoration:underline;}

.table1 { font-size:10px; color:#949494;}
.table1 a { color:#0077BC; font-size:10px; text-decoration:none;}
.table1 a:hover { text-decoration:underline;}
.table1 font a { color:#0077BC; font-size:12px; font-weight:bold; text-decoration:underline;}
.table1 font a:hover { text-decoration:none;}

.prod_links font { color:#0076BB;}
.prod_links font a {color:#0076BB;}
.prod_links font a:hover { font-weight:bold;}

.form1 {height:23px; margin-top:1px;}
.form1 input {width:127px; height:20px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px}

.main1_text { line-height:18px;}
.main1_text .h_text { font-size:12px;}

.link_read { color:#0077BC; text-decoration:none;}
.link_read:hover { text-decoration:underline;}

.form {height:23px; margin-top:0px; margin-bottom:1px;}
.form input {width:179px; height:20px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px}

textarea {width:180px; height:134px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px; overflow:hidden;}

h2 {
margin-bottom:14px;
}

h3 a {
font-size:14px;
text-decoration:none;
}

span.bottomnav a {
color:#949494;
}

form#question-form {
	background:url(images/formbg.png) no-repeat;
        color:#fff;
	width:206px;
	height:226px;
	margin:5px 0 0 0;
        padding-top:2px;
}
form#question-form div {
        margin:30px 0 0 22px;
}
form#question-form input {
        display:block;
        margin:3px 0px;
	width:155px;
}
form#question-form textarea {
display:block;
height:30px;
margin:3px 0px;
width:155px;
}
form#question-form input#submit {
color:#006196;
font-weight:bold;
margin-left:40px;
text-transform:uppercase;
width:75px;
}


/*==================================
  =====       Header CSS       =====
  ==================================*/

#head {
	margin: 0;
	padding: 0;
	width: 766px;
	height: 128px;
	background: url(images/head-bg.jpg) center no-repeat;
}
#logo {
	margin: 0;
	padding: 15px 0 0 51px;
	width: 298px;
	height: 63px;
}
#hnav {
	margin: 0;
	padding: 17px 65px 0 63px;
	width: 635px;
	height: 33px;
}
#hnav ul {
	margin: 0;
	
}
#hnav li {
	margin: 0 1px;
	padding: 0;
	width: 125px;
	height: 33px;
	text-align: center;
	list-style: none;
	float: left;
}
#hnav a, #hnav a:hover {
	display: block;
	margin: 0;
	padding: 10px 5px;
	width: 115px;
	height: 13px;
	line-height: 23px;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;	
}
#hnav a {
	background: #404040 url(images/hnav-bg.gif) no-repeat;
}
#hnav a:hover, #hnav a:active, #hnav a.active {
	background: #9faa34 url(images/hnav-over.gif) no-repeat;
}
#banner {
	margin: 0 auto;
	padding: 0;
	width: 766px;
	height: 172px;
	background: url(images/back-pain-banner.jpg) center no-repeat;
}
#banner span {
	display: none;
}