/*
Title:      uncut records css
Author:     Jesse Smith jesse@drivendesign.com
Updated:    December 15 2005
*/


body {
	margin:0px;
	padding:0px;
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/content_bg.gif);
	background-repeat: repeat-x
	}
	
.contentbotbgleft {
	background: #fff url(../images/contentbotbgleft.gif);
	background-repeat: repeat-y
	}
	
.contentbotbgright {
	background: #fff url(../images/contentbotbgright.gif);
	background-repeat: repeat-y
	}
	

/* ---[ links ]------------------------------- */

link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	} 
	
	
a:link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	} 
    
a:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	} 

a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	} 

a:active {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	} 


/* ---[ common elements ]--------------------- */

p {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height: 1.5em;
	}
	
.ptop {
	font-weight: normal;
	color: #999;
	padding: 80px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
	text-decoration: none;
	}
	
.product {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	}

.link {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:a {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}

.link:link {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:visited {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:hover {
	font-weight: normal;
	font-style: italic;
	color: #fff;
	font-size: 100%;
	background-color: #339900
	}

a.link:active {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}

.maintable td {
	vertical-align: middle;
	text-align: center;
	}


.maintable {
	border: 0px;
	width: 722px;
	cellpadding: 0px;
	cellspacing: 0px;
	}

/* ---[ main divs ]------------------------------- */
	
#main {
	margin-top: 0px;
	padding:0px;
	text-align: left;
	width:100%;
	height: 100%;
	float:left;
	}

	
.contentbg{
	background: url(../images/content_bg.gif);
	background-repeat: repeat-x
	}
	
#contentfeature {
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 711px;
	height: 205px;
/*	background: url(../images/materials_feature.jpg);*/
	}
	
#logo {
	position: absolute;
	top: 35px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 184px;
	height: 32px;
	}
	

	
#contentnav {
	position: absolute;
	top: 171px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 400px;
	height: 35px;
	}
	

	
#content {
	position: relative;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 711px;
	}
	
#content p{
	margin:0px;
	padding:0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	}
	
#content h1{ font: 26px trebuchet ms, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #666; margin: 15px 0px 0px 0px; 
padding: 0px; }

.materialname{ font: 26px trebuchet ms, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #666; margin: 15px 0px 0px 0px; 
padding: 0px; }

	
#contentleft {
	width:475px;
	padding:0px;
	float:left;
	text-align: left;
	}
	
#contentright {
	width: 235px;
	padding:0px;
	float:left;
	text-align: left;
	font: 11px arial, sans-serif; 
	text-decoration: none; 
	color: #222;
	}
	
#contentside {
	width: 235px;
	padding:0px;
	float:left;
	text-align: left;
	font: 11px arial, sans-serif; 
	text-decoration: none; 
	color: #222;
	margin-top: 10px;
	}
	
#contentside p{
	margin: 10px 0px 0px 12px;	color: #333;
	}
	

#catnav { }	
#catnav ul { padding: 6px 0px 0px 12px; margin: 5px 0px 13px 0px;}
#catnav li { display: inline; list-style-type: none; padding-left: 14px; padding-right: 20px; background: url(../images/circle.gif) no-repeat 0px center; }
#catnav li.first { }
#catnav li.last { }
#catnav li a { text-transform: uppercase; font: 13px trebuchet ms, arial, sans-serif; color: #000; text-decoration: none; }
#catnav li a:visited { color: #000; text-decoration: none; }
#catnav li a:hover { text-decoration: underline; }

#content .catlist h2 {
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	margin: 25px 0px 0px 0px;
	padding: 8px 0px 0px 12px;
	background: url(../images/category_type_bg.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	width: 220px;
	height: 33px;
	}

.catlist h3{
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin: 3px 0px 3px 12px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
#footer {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	width: 100%;
	height: 50px;	
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	}

	
#footer a:link {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 
    
#footer a:visited {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 

#footer a:hover {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: underline;
	} 

#footer a:active {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;	
	text-decoration: none;
	} 
	
#footer p {
	width: 711px;
	text-align: left;
	font-size: 11px;
	color: #ccc;	
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
#matmain{ width: 475px;}
#matmain #mainimage { border: 2px solid #ccc; margin-bottom: 5px; }
#matmain #maindesc { font: 11px arial, sans-serif; color: #333; margin-bottom: 10px; }
#matmain #mainthumbs { margin-bottom: 5px; }
#matmain #mainthumbs img { border: 1px solid #ccc; margin-right: 1px; }
#matmain img#thumblabel { display: inline; margin-right: 2px; border: 1px solid #adb5bd; }

#matdesc { width: 460px; font: 12px arial, sans-serif; line-height: 18px; color: #333; margin: 10px 0px 30px 0px; }
#matdesc p {  margin: 0px 0px 30px 0px; padding: 0px; }
#matdesc h3 { font: 20px trebuchet ms, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #990000; margin: 5px 0px 0px 0px; 
padding: 0px; }

#matspec { width: 450px; border-collapse: collapse; }
#matspec th { vertical-align: top; padding: 4px; text-align: left; font: 10px arial, sans-serif; font-weight: bold; line-height: 14px; color: #636363; 
border: 1px solid #636363; }
#matspec td { vertical-align: top; padding: 4px; text-align: left; font: 10px arial, sans-serif; line-height: 14px; color: #636363; border: 1px solid #636363; }

#navcat { position: relative; background: transparent url('../images/navcat_background.gif') no-repeat; width: 235px; height: 33px; }
#navcat_head { position: absolute; left: 10px; top: 12px; }
#navcat_left { position: absolute; right: 32px; top: 7px; }
#navcat_right { position: absolute; right: 12px; top: 7px; }

#matnav ul { margin-left: 10px; list-style: none; width: 200px; }
#matnav li { padding: 3px 0 3px 15px; background: transparent url('../images/list_item_arrow.gif') no-repeat 1px 9px; font: 11px trebuchet ms, sans-serif; text-transform: uppercase; }
html>body #matnav li {  padding: 5px 0 5px 15px; background: transparent url('../images/list_item_arrow.gif') no-repeat 1px 6px; }
#matnav li a { text-decoration: none; color: #000; }
#matnav li.on a { text-decoration: none; color: #ce3100; }
#matnav li a:hover { text-decoration: underline; }

#matfiles { position: relative; top: 25px; left: 0px; width: 235px; text-align: left; }
#matfiles dl { margin-left: 10px; }
#matfiles dt { background: transparent url('../images/grey_arrow.gif') no-repeat 1px 5px; padding-left: 20px; font: 12px trebuchet ms, sans-serif; font-weight: bold; text-transform: uppercase; color: #ce3100; }
html>body #matfiles dt { background: transparent url('../images/grey_arrow.gif') no-repeat 1px 3px; }
#matfiles dd { margin: 0; padding: 0; }
#matfiles dd a { font: 10px arial, sans-serif; text-decoration: none; color: #222; }
#matfiles dd a:hover { text-decoration: underline; }
#matfiles label { font: 10px arial, sans-serif; color: #222; }
#matfiles input { margin: 0; padding: 0; }
#matfiles input.field { width: 120px; font: 10px arial, sans-serif; color: #222; padding: 3px; border: 1px solid #999; margin-bottom: 3px; display: inline; background-color: #ffc; } 
#matfiles input.button { font: 10px arial, sans-serif; padding: 3px; display: inline; margin-top: -3px; } 
#matfiles input.hidden { display: none; } 
#matfiles span { color: #c30; font-weight: bold; }
#matfiles table { border: 0; padding: 0; }
#matfiles table td { padding: 2px; vertical-align: top; }

#matlinks { position: relative; top: 25px; left: 0px; width: 235px; text-align: left;}
#matlinks a { font: 11px arial, sans-serif; text-decoration: none; color: #222; margin-left: 18px; }
#matlinks a:hover { text-decoration: underline; margin-left: 18px; }
#matlinks dl { margin-left: 10px; width: 200px; }
#matlinks dt { background: transparent url('../images/grey_arrow.gif') no-repeat 1px 5px; padding-left: 20px; font: 12px trebuchet ms, sans-serif; font-weight: bold; text-transform: uppercase; color: #ce3100; }
html>body #matlinks dt { background: transparent url('../images/grey_arrow.gif') no-repeat 1px 3px; }
#matlinks dd { margin: 0; padding: 0; }
#matlinks dd a { font: 10px arial, sans-serif; text-decoration: none; color: #222; }
#matlinks dd a:hover { text-decoration: underline; }

.error
	{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	}
	
.note
	{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	}


/* ---[ special styling for category page ]--------------------------------------------------- */

div.catlist div.matwrap { width: 711px; margin: 10px 0px 0px 0px; }
div.catlist div.matwrap div.matpair { width: 355px; float: left; margin: 10px 0px 0px 0px; }
.catlist img { border: 1px solid #ccc; }


/* ---[ The Clearfix Hack : Resolves issues with floats and collapsing containers ]----------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* ---[ Hides from IE-mac ]------------------------------------------------------------------- */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* ---[ End hide from IE-mac ]---------------------------------------------------------------- */

a .alt { display: none; }
a.materials {
  	display: block;
   	width: 82px;
   	height: 34px;
   	background-image:url(../images/btn_materials.gif);
}
a.materials:hover {
   	background-image:url(../images/btn_materials.gif);
}

a.materialsSelected
{
	display: block;
   	width: 82px;
   	height: 34px
   	background-image:url(../images/btn_materials.gif);
}



a.news {
  	display: block;
   	width: 60px;
   	height: 34px;
   	background-image:url(../images/btn_news.gif);
}
a.news:hover {
   	background-image:url(../images/btn_news.gif);
}

a.newsSelected {
  	display: block;
   	width: 60px;
   	height: 34px;
   	background-image:url(../images/btn_news.gif);
}



a.about {
  	display: block;
   	width: 68px;
   	height: 34px;
   	background-image:url(../images/btn_about.gif);
}
a.menuPrint:hover {
   	background-image:url(../images/btn_about.gif);
}

a.menuPrintSelected {
  	display: block;
   	width: 68px;
   	height: 34px;
   	background-image:url(../images/btn_about.gif);
}


a.quotes {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_quotes.gif);
}
a.quotes:hover {
   	background-image:url(../images/btn_quotes.gif);
}

a.quotesSelected {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_quotes.gif);
}

a.samples {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_samples.gif);
}
a.samples:hover {
   	background-image:url(../images/btn_samples.gif
}

a.samplesSelected {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_samples.gif
}