@charset "ISO-8859-1";

@import "tsc_nav.css";


body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#F3F3F3 url('../img/bg_grad.jpg') top left repeat-x;
}

a {
	color:#006600;
	text-decoration:none;
}

a:hover {
	color:#006633;
	text-decoration:underline;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	margin:10px;
}

#ind_center h1 {
	color: #CB5F00;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight:bold;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}



/************ wrappers *****************/

#main_wrapper {
	width:1200px;
	margin:auto;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	background:#FFFFFF;
}


#main_content {
	position:relative;
	float:left;
	display:inline;
	width:800px;
	margin:0 0 0 5px;
	background:#FFFFFF;
}



#main_content p {
	margin: 4px 6px 10px 0px;
}





/***************************** right vert bar **********************/

#rightbar {
	position:relative;
	float:right;
	display:inline;
	width:180px;
	margin:20px 5px 0 15px;
	padding:0 0 14px 0;
}

#orangebox {
	position:relative;
	float:right;
	display:inline;
	width:160px;
	margin:0;
	padding:10px;
	background:#F18D2B;
}


#orangebox_t {
	position:relative;
	float:left;
	width:180px;
	margin:10px 10px 10px 0;
	background:#F18D2B url('/img/orangeboxtop.jpg') top left no-repeat;
}
#orangebox_b {
	position:relative;
	float:left;
	width:180px;
	padding:0 0 12px 0;
	background:url('/img/marketstall_bottom2.jpg') bottom left no-repeat;
}



#orangebox_left {
	position:relative;
	float:left;
	width:180px;
	padding:0;
	margin:16px 0 0 0;
	background:url('/img/marketstall_left2.jpg') top left repeat-y;
	/*background:#f18d2b url('/img/marketstall_left2.png') top left repeat-y;*/
}

#orangebox_right {
	position:relative;
	float:left;
	width:180px;
	margin:0;
	padding:0;
	background:url('/img/marketstall_right2.jpg') top right repeat-y;
	/*border:1px solid #ff0000;*/
}

#orangebox_center {
	position:relative;
	float:left;
	width:150px;
	margin:0 0 10px 15px;
}

.orangeboxicon {
	position:relative;
	float:left;
	margin:0 6px 2px 0;
	border:1px solid #666666;
}

#orangebox_center p {
	margin:2px 0 6px 0;
}


#orangebox_center a {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#orangebox_center a:hover {
	color:#000000;
	text-decoration:underline;
}

.orangebox_btn {
	position:relative;
	float:left;
	width:164px;
	height:26px;
	text-align:center;
	margin:4px 0 0 8px;
	background:url('/img/orangebox_btn.jpg') top right no-repeat;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:4px 0 0 0;
}

.orangebox_btn:hover {
	color:#000000;
	
}

#orangebox_bottom {
	position:relative;
	float:left;
	width:180px;
	height:19px;
	margin:0;
	padding:0;
}



/***********************************************************/




.bigtext {
	font-size:14px;
}


/***************************** center contents *************************************/

#vertgreybarleft {
	position:relative;
	float:left;
	display:inline;
	width:1200px;
	background: url('../img/vertgreybarleft_190.jpg') top left repeat-y;
}

#vertgreybarright {
	position:relative;
	float:left;
	display:inline;
	width:1200px;
	background: url('../img/vertgreybarleft_190.jpg') top right repeat-y;
}

#minheight {
	position:relative;
	float:left;
	width:1px;
	height:500px;
}


#minheight100 {
	position:relative;
	float:left;
	width:1px;
	height:100px;
}

#ind_center {
	position:relative;
	float:left;
	display:inline;
	background: url("../img/industrial_grey_bg.jpg") bottom left no-repeat;
}

#elect_center {
	position:relative;
	float:left;
	display:inline;
	background: url("../img/electronics_grey_bg.jpg") bottom left no-repeat;
}


#center_info {
	position:relative;
	float:left;
	display:inline;
	width:700px;
	padding:5px;
}


#center_475 {
	position:relative;
	float:left;
	display:inline;
	width:475px;
}

#proddetaildescription {
	position:relative;
	float:left;
	display:inline;
	width:475px;
	padding:5px;
}

#cons_pic {
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 10px;
}


.ind_copper {
	color:#cb5f00;
}

#new_splash {
	height:1px;
}

.new_splash {
	position:relative;
	float:right;
	display:inline;
	top:-36px !important;
	top:-38px;
	right:-1px !important;
	right:-3px;
}

.picborder {
	border:1px solid #CCCCCC;
}

.picborder10margin {
	border:1px solid #CCCCCC;
	margin:10px;
}

.picleft {
	position:relative;
	float:left;
	display:inline;
	margin:10px;
}

.picleftborder {
	position:relative;
	float:left;
	display:inline;
	margin:0 10px 10px 0px;
	border:1px solid #EAEAEA;
}

.picright {
	position:relative;
	float:right;
	display:inline;
	margin:10px;
}

.picrightborder {
	position:relative;
	float:right;
	display:inline;
	margin:0 10px 10px 10px;
	border:1px solid #EAEAEA;
}


#detail_header {
	width:480px;
	border-bottom:1px solid #EAEAEA;
	margin:10px 0 4px 0;
	font-size:11px;
	font-weight:bold;
}


#info_right {
	position:relative;
	float:right;
	display:inline;
	width:260px;
	margin:0 10px 10px 10px;
	padding:0;
}

#general_docs_box {
	position:relative;
	float:left;
	display:inline;
	width:248px;
	margin:20px 0 0 0;
	padding:5px 5px 15px 5px;
	border:1px solid #EAEAEA;
	background:#F1F1F1;
}


#info_right2 {
	position:relative;
	float:right;
	display:inline;
	width:320px;
	margin:0 10px 10px 10px;
	padding:0;
}




/******************************* news ******************************/

#news_box {
	position:relative;
	float:left;
	display:inline;
	width:772px;
	margin:0 0 10px 0;
	padding:14px;
	background:#F5F5F5;
	border:1px solid #EAEAEA;
}


#news_icon_box {
	position:relative;
	float:left;
	display:inline;
	text-align:center;
}

#news_outline {
	position:relative;
	float:right;
	display:inline;
	width:640px;
	margin:0 20px 0 0;
}

#news_pic_box {
	position:relative;
	float:right;
	display:inline;
	width:350px;
	margin:0 20px 10px 20px;
	text-align:center;
}

#news_pic_icons {
	position:relative;
	float:right;
	display:inline;
	width:750px;
	margin:10px 20px 0 0;
	text-align:right;
}

#news_pic_icons a img {
	border:0;
}

.news_icons {
	position:relative;
	float:right;
	display:inline;
	margin:5px 6px 5px 10px;
}




/*********************************** testimonials styles *****************************/


#testimonial_box1 {
	position:relative;
	float:left;
	display:inline;
	width:300px;
	background:#eaeaea url('/img/testimonial_box_middle.jpg') top left repeat-y;
}

#testimonial_box2 {
	position:relative;
	float:left;
	display:inline;
	width:300px;
	background:url('/img/testimonial_box_bottom.jpg') bottom left no-repeat;
	padding:0 0 10px 0;
	font-size:14px;
	color:#333333;
}


#testimonial_box2 p {
	margin:10px 20px 0 20px;
}

.testimonial_credit {
	font-size:10px;
	float:right;
	margin:4px 20px 10px 0;
}

/*********************************** table styles *****************************/

.prodtablepic {
	height:200px;
	text-align:center;
	vertical-align:middle;
}



#infobuttons {
	position:relative;
	float:left;
	list-style:none;
}
#infobuttons ul li {
	position:relative;
	float:left;
	list-style:none;
}


#infobuttons a {
	position:relative;
	float:left;
	display:inline;
	width:140px;
	height:24px;
	margin:10px 4px 10px 4px;
	line-height:20px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	background:url('../img/copper_but_w140.jpg') top left no-repeat;
}

#infobuttons a:hover {
	color:#000000;
	background:url('../img/copper_but_w140-over.jpg') top left no-repeat;
	text-decoration:none;
}






#infobuttonspdf {
	position:relative;
	float:left;
	list-style:none;
	width:200px;
}


#infobuttonspdf ul li {
	position:relative;
	float:left;
	list-style:none;
}

#infobuttonspdf a {
	position:relative;
	float:left;
	display:inline;
	width:160px;
	height:24px;
	margin:4px;
	padding:0 0 0 26px;
	line-height:20px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	background:url('../img/copper_but_pdfw.jpg') top left no-repeat;
}

#infobuttonspdf ul a:hover {
	color:#000000;
	background:url('../img/copper_but_pdfw-over.jpg') top left no-repeat;
	text-decoration:none;
}





#accountbuttons {
	position:relative;
	float:left;
	list-style:none;
}
#accountbuttons ul li {
	position:relative;
	float:left;
	list-style:none;
}


#accountbuttons a {
	position:relative;
	float:left;
	display:inline;
	width:236px;
	height:33px;
	margin:10px 4px 10px 4px;
	line-height:26px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	background:url('../img/account_btn.jpg') top left no-repeat;
}

#accountbuttons a:hover {
	color:#000000;
	background:url('../img/account_btn_over.jpg') top left no-repeat;
	text-decoration:none;
}


#loginbox {

	width:600px;
	margin:auto;
	padding:20px 20px 40px 20px;
	background-color:#f5F5F5;
	border:1px solid #CCCCCC;
}


.stencil_progress_bar {
	position:relative;
	float:left;
	display:inline;
	margin-bottom:10px;
	height:34px;
}







/*********************************** footer *********************************/

#footer {
	position:relative;
	float:left;
	width:1200px;
	text-align:center;
	color:#333333;	
	/*background:#006600;*/
}

#footer_ind {
	position:relative;
	float:left;
	width:1200px;
	background:#006600 url('../img/indbottombar.jpg') top left repeat-x;
	padding:8px 0 0 0;
}

#footer_menu {
	color:#333333;
	padding:8px 0 30px 0;
}

#footer_menu a {
	color:#333333;
	text-decoration:none;
}

#footer_menu a:hover {
	color:#000000;
	text-decoration:underline;
}

/************************** offer styles ****************************/


#marketstall {
	position:relative;
	float:left;
	width:180px;
	margin:20px 0 20px 5px;
	background:#F18D2B url('/img/marketstall_top2.jpg') top left no-repeat; 
	/* #F39C3B use this for png's*/
}
#marketstall2 {
	position:relative;
	float:left;
	width:180px;
	padding:0 0 16px 0;
	background:url('/img/marketstall_bottom2.jpg') bottom left no-repeat;
}



#ms_left {
	position:relative;
	float:left;
	width:180px;
	padding:0;
	margin:39px 0 0 0;
	background:url('/img/marketstall_left2.jpg') top left repeat-y;
	/*background:#f18d2b url('/img/marketstall_left2.png') top left repeat-y;*/
}

#ms_right {
	position:relative;
	float:left;
	width:180px;
	margin:0;
	padding:0;
	background:url('/img/marketstall_right2.jpg') top right repeat-y;
	/*border:1px solid #ff0000;*/
}



#ms_center {
	position:relative;
	float:left;
	width:150px;
	margin:0 0 10px 15px;
}

#ms_center a {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#ms_center a:hover {
	color:#000000;
	text-decoration:underline;
}

.ms_btn {
	position:relative;
	float:left;
	margin:10px 0 0 8px;
	
}


#ms_bottom {
	position:relative;
	float:left;
	width:180px;
	height:19px;
	margin:0;
	padding:0;
}


#offerbox {
	position:relative;
	float:left;
	display:inline;
	width:193px;
	border:1px solid #EAEAEA;
	margin:10px 3px 10px 2px;
}


#offerheader {
	position:relative;
	float:left;
	display:inline;
	width:193px;
	height:42px;
	background-color:#EAEAEA;
	padding:0;
	margin:0 0 10px 0;
}

.offerheader {
	position:relative;
	float:left;
	display:inline;
	font-weight:bold;
	margin:4px 0 0 10px;
}

#offerpic {
	position:relative;
	float:left;
	display:inline;
	width:195px;
	height:120px;
	vertical-align:middle;
	overflow:hidden;
}



#offertext {
	position:relative;
	float:left;
	display:inline;
	width:173px;
	height:66px;
	margin:10px 10px 4px 10px;
	overflow:auto;
}

.offerprice {
	color:#FF0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
}

#offerbut {
	position:relative;
	float:left;
	width:193px;
	height:30px;
	background-color:#EAEAEA;
	text-align:center;
	margin:10px 0 0 0;
}

.offermenuicon {
	position:relative;
	float:left;
	border:1px solid #666666;
}


.detailprice {
	color:#cb5f00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
}

/********************************* Ukas Certs ********************************/

#sidemenucerts_box {
	position:relative;
	float:left;
	width:140px;
	margin:0 0 0 25px;
}

.cert_icon {
	position:relative;
	float:left;
	margin:10px 0 0 0;
	border:0px;
}


/*********************************** class styles *********************************/

.bodytext12blk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bottomlink10wht {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.bodytext10blk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}
.header12ptWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.verysmalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.moreinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #339900;
}



#ind_center .moreinfo {
	/*color: #CB5F00;*/
	color:#D27201;
}

.newred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.alphafry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033397;
}


.redx {
	color:#FF0000;
}


.largegreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006600;
}


/******************* sort bar **************************/

#sort_bar {
	position:relative;
	float:left;
	display:inline;
	margin:0;
}

#pages_select {
	position:relative;
	float:left;
	display:inline;
}

#ps_options {
	position:relative;
	float:left;
	display:inline;
	margin:0px 10px 0 0;
}

.light_grey {
	color:#999999;
}


#sort_select {
	position:relative;
	float:right;
	text-align:right;
	display:inline;
	width:165px;
	margin:0;
}

#show_select {
	position:relative;
	float:right;
	display:inline;
	width:175px;
	margin:0;
}
.sort_left {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	line-height:1.0em;
}








/***********/

#clearboth, .clearboth {
	clear:both;
}

#clearleft, .clearleft {
	clear:left;
}

#clearright, .clearright {
	clear:right;
}


form {
	margin:0;
	padding:0;
}

.qty {
	width:30px;
	text-align:right;
	font-size:10px;
	padding-right:4px;
}



.errormsg {
	color:#FF0000;
}

.floatleft {
	position:relative;
	float:left;
}



.floatright {
	position:relative;
	float:right;
	margin:0;
	padding:0;
}



#floatleft {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}



#floatright {
	position:relative;
	float:right;
	margin:0;
	padding:0;
}

#hidden {
	display:none;
}