@import url('generic.css');
@import url('layout.css');

.product-sp #page-area {
	background: #f5f5f5 url(../images/ps_header_bg_top.jpg) no-repeat 0px 0px;
}

#top-nav {
	height: 44px;
	clear: both;
	background: #cc0001 url(../images/ps_top_nav_bg.jpg) no-repeat 0px 0px;
}

#top-nav #products {
	position: relative;
	width: 87px;
	height: 18px;
	overflow: hidden;
	margin: 12px 0px 0px;
	padding: 0px 0px 0px 19px;
	float: left;
	display: inline-block;
	background: transparent none;
}

#top-nav #products span {
	position: absolute;
	top: 0px;
	left: 19px;
	width: 87px;
	height: 18px;
	background: transparent url(../images/ps_tn_products.gif) no-repeat 0px 0px;
}

#top-nav ul {
	float: left;
	display: block;
	margin: 14px 0px 14px 15px;
	padding: 0px;
	height: 16px;
}

#top-nav ul li {
	float: left;
	display: inline;
	line-height: 16px;
	margin: 0px 12px 0px 0px;
	padding-left: 8px;
	position: relative;
	background: transparent url(../images/main_nav_arrow.gif) no-repeat 0% 50%;
}

#top-nav ul li.refining-service {
	margin-left: 10px;
	border-left: 1px solid #CB9494;
	padding-left: 22px;
	background-position: 14px 50%;
}

#top-nav ul li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#top-nav ul li a:hover {
	text-decoration: underline;
}

#top-nav ul li ul {
	display: block;
	position: absolute;
	left: -9999em;
	width: 142px;
	z-index: 99;
	float: left;
}

#top-nav ul li:hover ul,
#top-nav ul li.over ul {
	left: -8px;
	top: 15px;
	margin: 0px;
	padding: 15px 0px 0px;
	height: auto;
}

#top-nav ul ul li {
	margin: 0px;
	background-color: #921f20;
	background-position: 8px 9px;
	display: block;
	width: 119px;
	padding: 3px 5px 3px 16px;
	border-width: 0px 1px 0px 1px;
	border-color: #333;
	border-style: solid;
	border-left-color: #222;
}

#top-nav ul ul li.first {
	padding-top: 5px;
	background-position: 8px 11px;
}

#top-nav ul ul li.last {
	border-width: 0px 1px 1px 1px;
	padding-bottom: 5px;
}

#top-nav ul ul li a {
	display: block;
}

#top-nav ul ul li a:hover {
	text-decoration: underline;
}

#featured {
	height: 152px;
	clear: both;
	padding: 68px 0px 0px 382px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #222325;
}

#featured h1 {
	position: absolute;
	left: -9999em;
}

#featured-blurb {
	width: 398px;
	color: #545258;
	overflow: hidden;
	font-size: 12px;
}

#featured-blurb .blurb {
	margin: 0px;
	padding-top: 3px;
	float: left;
	width: 206px;
	position: relative;
	color: #B8B7B9;
}

#featured-blurb .blurb p {
	margin: 0px;
	padding: 0px;
}

#featured-blurb #actions,
#featured-blurb .actions {
	float: right;
	width: 165px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#featured-blurb #actions li,
#featured-blurb .actions li {
	background: transparent none;
	padding: 0px;
	display: inline;
	float: left;
	clear: left;
	width: 100%;
	margin: 0px 0px 2px;
}

#featured-blurb #actions li a,
#featured-blurb f li a {
	display: block;
	color: #B8B7B9;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px 0px 0px 27px;
	margin: 0px;
	line-height: 21px;
}

#featured-blurb #actions li a:hover {
	color: #fff;
}

#download-brochure {
	background-image: url(../images/ps_download_a_brochure.gif);
}

#ask-question {
	background-image: url(../images/ps_ask_a_question.gif);
}

#featured-blurb #actions #ask-question.custom {
	background-image: url(../images/ps_ask_a_questioncs.gif);
	color: #666;
}

#featured-blurb #actions #ask-question.custom:hover {
	color: #932020;
}

#get-quote {
	background-image: url(../images/ps_get_a_quote.gif);
}

#place-order {
	background-image: url(../images/ps_place_an_order.gif);
}

/* =TABS
---------------------------------------------*/

#tabs-container {
	height: 62px;
	background: #e4e4e4 url(../images/sub_tab_bg_bot.gif) repeat-x 0% 100%;
	position: relative;
	clear: both;
}

#tabs {
	margin: 0px;
	padding: 0px;
	height: 30px;
	background: #828282 url(../images/ps_tab_bg_orange.gif) repeat-x 0px 0px;
}

#tabs li {
	float: left;
	display: inline;
	padding: 0px 10px;
	line-height: 30px;
	text-transform: uppercase;
	background: transparent none;
}

#tabs li ul {
	display: none;
}

#tab1 .tab1,
#tab2 .tab2,
#tab3 .tab3,
#tab4 .tab4,
#tab5 .tab5,
#tab6 .tab6,
#tab7 .tab7,
#tab8 .tab8,
#tab9 .tab9,
#tab10 .tab10,
#tabs li.selected {
	background-color: #e4e4e4;
}

#tabs li a {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#tabs li a:hover {
	color: #700E0E;
}

#tab1 .tab1 a,
#tab2 .tab2 a,
#tab3 .tab3 a,
#tab4 .tab4 a,
#tab5 .tab5 a,
#tab6 .tab6 a,
#tab7 .tab7 a,
#tab8 .tab8 a,
#tab9 .tab9 a,
#tab10 .tab10 a,
#tabs li.selected a {
	color: #2f2f2f;
}

#tab1 .tab1 a:hover,
#tab2 .tab2 a:hover,
#tab3 .tab3 a:hover,
#tab4 .tab4 a:hover,
#tab5 .tab5 a:hover,
#tab6 .tab6 a:hover,
#tab7 .tab7 a:hover,
#tab8 .tab8 a:hover,
#tab9 .tab9 a:hover,
#tab10 .tab10 a:hover,
#tabs li.selected a:hover {
	color: #922020;
}

#tab1 .tab1 ul,
#tab2 .tab2 ul,
#tab3 .tab3 ul,
#tab4 .tab4 ul,
#tab5 .tab5 ul,
#tab6 .tab6 ul,
#tab7 .tab7 ul,
#tab8 .tab8 ul,
#tab9 .tab9 ul,
#tab10 .tab10 ul,
#tabs li.selected ul {
	display: block;
	position: absolute;
	top: 30px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 784px;
}

#tabs li ul li {
	text-transform: none;
}

#tabs-container #tabs li ul li a {
	color: #922020;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	padding-left: 8px;
	background: transparent url(../images/caption_arrow.gif) no-repeat 0px 3px !important;
	background-position: 0px 4px;
	
}

#tabs-container #tabs li ul li a:hover {
	color: #2b2b2b;
}

#content {
	margin: 0px;
	width: 794px;
	float: left;
	display: block;
	clear: both;
	background: #f5f5f5 none;
	position: relative;
}

#main-content {
	width: 794px;
	float: left;
	padding: 0px;
	margin: 0px;
	background: #f5f5f5 none;
	position: relative;
}

#main-content * {
	margin-left: 0px;
	margin-right: 0px;
}

#main-content .inside {
	padding: 20px 20px 10px;
}

.material-certification {
	padding: 0px;
	border: 0px;
}

.product-list li {
	clear: both;
	background: transparent none;
	padding: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

.product-list li h3 {
	margin-top: 5px;
}

.product-list li img {
	width: 74px;
	padding: 7px 9px 9px 8px;
	margin: 0px 10px 10px 0px;
	border: 0px;
	background: transparent url(../images/pl_image_bg.jpg) no-repeat 0px 0px;
}

#finger-size-charts {
	padding-bottom: 0px;
}

#finger-size-charts .col, #alloy-list .col {
	width: 244px;
	padding-right: 11px;
	clear: none;
}

#finger-size-charts .last-col, #alloy-list .last-col {
	padding-right: 0px;
}

#alloy-list td {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}


.print-link {
	position: absolute;
	right: 20px;
	top: 5px;
	display: inline;
	line-height: 20px;
	font-weight: normal;
}

#main-content #chart-top,
#main-content #chart-top td,
#main-content #chart-top th {
	border: 0px;
	text-align: left;
	background-color: transparent;
	vertical-align: top;
}

#info {
	width: 60%;
	border: 0px;
}

#info img {
	padding: 2px;
	border: 1px solid #d7d7d7;
	display: block;
}

#info h3 {
	margin: 0px;
}

#alloy-options {
	width: 35%;
	border: 0px;
}

#alloy-options h2 {
	margin-top: 0px;
}

#additional-info, #footnote-content {
	color: #f0f0f0;
	background-color: #1b1b1b;
	padding: 15px 24px 5px;
	width: 746px;
	font-size: 11px;
	line-height: 14px;
	float: left;
	clear: both;
	position: relative;
}

#additional-info h2, #footnote-content h2 {
	color: #9d9d9d;
	font-size: 14px;
	line-height: 18px;
	padding: 0px;
	margin: 0px 0px 5px;
}

#additional-info p, #footnote-content p {
	margin: 5px 0px 10px;
}

#additional-info ul {
	margin: 5px 0px 10px;
	padding: 0px;
}

#additional-info ul li {
	padding: 0px 0px 0px 8px;
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 14px;
	background: transparent url(../images/caption_arrow.gif) no-repeat 0px 5px;
}

.col {
	float: left;
	display: inline;
}

#main-col {
	width: 100%;
}

#main-col .col {
	width: 50%;
}

#main-col .inside {
	padding-right: 15px;
}

#extra-col {
	width: 247px;
	float: right;
}

#extra-col .inside {
	padding-right: 15px;
}

#footnote-content {
	padding: 0px 24px 10px;
}

#footnote-content .inside {
	border-top: 1px solid #313131;
	padding: 15px 0px;
}

#footnote-content a, #additional-info a {
	color: #fff;
}

#footnote-content img.right {
	padding: 0px;
	background-color: #f0f0f0;
	border: 0px;
	float: right;
	margin: 0px 0px 10px 35px;
}

#footnote-content img.left {
	padding: 0px;
	background-color: #f0f0f0;
	border: 0px;
	float: left;
	margin: 0px 35px 10px 0px;
}

#footnote-content h2 {
	margin-top: 0px;
}

#table-header table td{
background: transparent;
border: none;
vertical-align:top;
text-align:left;
padding:0;
margin:0;
}