/* Common CSS */body, div, span, p, h1, h2, h3, h4, h5, h6, h7, form, input, select, lable, ul, ol, li {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none;
}
a {
	outline: none;
}
a img {
	border:none;
}
* html body, div, span, p, h1, h2, h3, h4, h5, h6, h7, form, input, select, lable, ul, ol, li {
	margin: 0;
	padding: 0;
}
* html ul, ol {
	list-style: none;
}/* header */
#hwrap {
	width: 942px;
	margin: 0px auto;
	padding-bottom: 20px;
	float: left;
}
#hwrap #hleft {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0px 0px 62px;
}
#hleft h1 {
	background: url(../images/ycc-logo.jpg) no-repeat left 5px;
	padding-left: 45px;
	font-size: 48px;
	color: #383838;
	line-height: 48px;
}
#hleft h2 {
	font-size: 14px;
	color: #383838;
	line-height: 14px;
}
#hleft h2 span {
	color: #ef405e;
}
#hwrap #hright {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	padding: 5px 36px 0px 0px;
}
#hright ul#hnav {
	float: right;
	font-size: 11px;
	font-family: tahoma;
}
ul#hnav li {
	float: left;
}
ul#hnav li.ls {
	width: 20px;
}
ul#hnav li.nld {
	width: 50px;
}
ul#hnav li.nls {
	padding: 0px 10px;
}
ul#hnav li a {
	color: #4a4a4b;
	text-decoration: none;
}
ul#hnav li a:hover {
	color: #4a4a4b;
	text-decoration: underline;
}
ul#hnav li a.lc {
	background: url(../images/lang-flag.jpg) no-repeat;
	padding-left: 30px;
}
ul#hnav li .le {
	background: url(../images/lang-flag-uk.jpg) no-repeat;
	padding-left: 30px;
}
#hwrap #hright #hs {
	float: right;
	padding: 20px 40px 0px 0px;
	height: 22px;
}
#hs div {
	float: left;
	padding-left: 5px;
}
* html #hs form div .fld {
	background-attachment: fixed;
}
#hs form div .fld {
	width: 187px;
	height: 22px;
	border: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8b8888;
	padding: 4px 0px;
	outline: none;
	background: none;
}
#globalsearch {
	background: url(../images/search-field-bg.jpg) no-repeat right top;
	width: 207px;
	text-align: center;
}
#hs form div .btn {
	width: 21px;
	height: 21px;
	border: none;
}/* main nav */
#nwrap {
	width: 942px;
	height: 44px;
	padding: 0px 0px 0px 30px;
	border-bottom: 1px solid #FFFFFF;
	overflow: hidden;
}
#nwrap ul#mnav {
	height: 44px;
	width: 880px;
	float: left;
	background:url(../images/navbgm.jpg) repeat-x;
}
ul#mnav li {
	float: left;
	line-height: 44px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	height: 44px;
}
ul#mnav li.mns {
	width: 15px;
	background: url(../images/navbgm.jpg) repeat-x left top;
	height: 44px;
}
ul#mnav li a {
	float: left;
	background: url(../images/naval.jpg) no-repeat left top;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
ul#mnav li a span {
	float: left;
	background: url(../images/navar.jpg) no-repeat right top;
	padding-right: 15px;
	cursor: pointer;
}
ul#mnav li a:hover {
	background: url(../images/naval.jpg) no-repeat left -44px;
}
ul#mnav li a:hover span {
	background: url(../images/navar.jpg) no-repeat right -44px;
}
ul#mnav li.nvlast {
	float:right;
}
#home #nwrap ul#mnav li.home a, #abt #nwrap ul#mnav li.abt a, #pc #nwrap ul#mnav li.pc a, #loc #nwrap ul#mnav li.loc a, #wrks #nwrap ul#mnav li.wrks a, #qpc #nwrap ul#mnav li.qpc a {
	background: url(../images/naval.jpg) no-repeat left -44px;
}
ul#mnav li.home {
	margin-left:100px;
}
#home #nwrap ul#mnav li.home a span, #abt #nwrap ul#mnav li.abt a span, #pc #nwrap ul#mnav li.pc a span, #loc #nwrap ul#mnav li.loc a span, #wrks #nwrap ul#mnav li.wrks a span, #qpc #nwrap ul#mnav li.qpc a span {
	background: url(../images/navar.jpg) no-repeat right -44px;
}/* products - left */
#pwrap {
	background: url(../images/productsbg.jpg) no-repeat left top;
	padding: 0px 19px;
	height: 604px;
	width: 150px;
	border-right: 1px solid #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
}
#pwrap h1 {
	background: url(../images/productsh.jpg) no-repeat left top;
	height: 49px;
	width: 150px;
	text-indent: -10000px;
}
#pwrap h1.pwrap_ch { background: url(../images/productsh_ch.gif) no-repeat left top; }
#pwrap h1.aboutUs {
	background:url(../images/aboutustsh.gif) no-repeat left top;
}
#pwrap h1.aboutUs_ch {
	background:url(../images/aboutustsh_ch.gif) no-repeat left top;
}

#pwrap h1.product {
	background:url(../images/producttsh.gif) no-repeat left top;
}
#pwrap h1.product_ch {
	background:url(../images/producttsh_ch.gif) no-repeat left top;
}
#pwrap h1.quality {
	background: url(../images/qualitytsh.gif) no-repeat left top;
}
#pwrap h1.quality_ch {
	background: url(../images/qualitytsh_ch.gif) no-repeat left top;
}
#pwrap h1.green {
	background:url(../images/greentsh.gif) no-repeat left top;
}
#pwrap h1.green_ch {
	background:url(../images/greentsh_ch.gif) no-repeat left top;
}
#pwrap ul#anav {
	width: 150px;
}
#pwrap ul#anav li {
	width: 140px;
	border-bottom:1px dotted #099;
	padding:5px;
}
#pwrap ul#anav li a {
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#pwrap ul#anav li a:hover {
	font-weight:bold;
}
#pwrap ul#anav li.sub {
	border-bottom:none;
	text-indent:1em;
}
#pwrap ul#anav li.sub a {
	color:#ccc;
}
#pwrap ul#anav li.sub a:hover {
	font-weight:bold;
}
#pwrap ul#pnav {
	width: 150px;
}
#pwrap ul#pnav li {
	width: 150px;
	float: left;
}
#pwrap ul#pnav li.ps {
	width: 150px;
	display: block;
	height: 10px;
	font-size: 1px;
}
#pwrap ul#pnav li {
	width: 150px;
	display: block;
	height: 90px;	/*text-indent: -10000px;*/
	margin-bottom:10px;
}
ul#pnav li.pl {
	background: url(../images/products-plastic.png) no-repeat left top;
}
ul#pnav li.me {
	background: url(../images/products-metal.png) no-repeat left top;
}
ul#pnav li.co {
	background: url(../images/products-coil.png) no-repeat left top;
}
ul#pnav li.pu {
	background: url(../images/products-pullers.png) no-repeat left top;
}/* events - right */
#enwrap {
	background: url(../images/newsbg.jpg) no-repeat left top;
	padding: 0px 20px;
	height: 560px;
	width: 150px;
	border-left: 1px solid #FFFFFF;
}
#enwrap td {
	color:#FFFFFF;
}
#enwrap td a {
	color:#CCCCCC;
}
#enwrap h1 {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	font-weight: normal;
	background: url(../images/news-d.gif) repeat-x left bottom;
	margin-bottom: 10px;
	_margin-bottom: 5px;
}
#enwrap ul#en {
	width: 150px;
}
#enwrap ul#en li {
	width: 150px;
	float: left;
	color: #b5b5b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	line-height: 14px;
}
#enwrap ul#en li.ens {
	width: 150px;
	float: left;
	background: url(../images/news-d.gif) repeat-x left center;
	height: 21px;
	font-size: 1px;
}
#enwrap ul#en li strong {
	color: #b5b5b5;
	font-weight:normal;
}
#enwrap ul#en li p {
	font-weight:bold;
	color:#fff;
}
#enwrap ul#en li a {
	width: 68px;
	float: right;
	background: url(../images/read-more.gif) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}
#mi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0px 10px 10px;
}
#mi a {
	color: #959595;
	text-decoration: none;
}/* middle body */
#bm {
	background: url(../images/bodybg.jpg) no-repeat right bottom #ededed;
	height: 610px;
	width: 562px;
}
#bm #content {
	padding: 12px 8px 0px 18px;
	width: 532px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#bm2 {
	background: url(../images/bg_bm2.gif) no-repeat right top #fff;
	height: 610px;
	width: 750px;
}
#bm2 #content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:12px 8px 0 18px;
	width:532px;
}
#fixedhw {
	width: 536px;
	height: 350px;
	overflow: auto;
}
.txt {
	background: #dddbdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px;
}
.txt p {
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:10px;
}
#slider {
	background: url(../images/slider-bg.jpg) no-repeat left 5px;
	width: 529px;
	height: 56px;
	_height: 100px;
	padding-top: 42px;
}
#dhtmlgoodies_slideshow {
	width:443px;	/* Total width of slideshow */
}
#galleryContainer {
	height:42px;	/* Height of the images + 2 */
	position:relative;
	overflow:hidden;
	padding:0px;
}
#arrow_left {
	position:relative;
	left:0px;
	z-index:100;
	background-color: #3366FF;
	padding:0px;
	width:21px;
}
#arrow_right {
	position:relative;
	right:0px;
	z-index:100;
	background-color: #330000;
	padding:0px;
	width: 21px;
}
#theImages {
	position:absolute;
	height:42px;
	left:0px;
	width:100000px;
}
#theImages #slideEnd {
	float:left;
}
#theImages img {
	float:left;
	padding-left:0px;
	padding-right: 0px;
	cursor:default;
	border:0px;
}/* Scroller CSS *//* Scroll Bar Master Styling Starts Here *//* All comments can be freely removed from the css */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
	visibility: visible !important;
}/* fleXcroll adapts to this CSS setting and sets positions correctly *//* And style your scrollbar like you normally do */
.vscrollerbase {
	width: 16px;
	background:  url(../1basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;
}
.vscrollerbar {
	width: 16px;
	background:  url(../1basebarcaps_verticalbarbody.gif) -16px 0px repeat-y;
}
.hscrollerbase {
	height: 16px;
}
.hscrollerbar {
	height: 16px;
}
.vscrollerbar {
	padding: 16px 0px 16px 0px;
	z-index: 2;
}
.vscrollerbarbeg {
	background: url(../1basebarcaps_verticalbarbody.gif) -48px -29px no-repeat;
	width: 16px;
	height: 16px !important;
}
.vscrollerbarend {
	background: url(../1basebarcaps_verticalbarbody.gif) -48px 0px no-repeat;
	width: 16px;
	height: 16px;
}
.scrollerjogbox {
	width: 16px;
	height: 16px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
	background: url(../1basebarcaps_verticalbarbody.gif) -32px -29px no-repeat;
	width: 16px;
	height: 16px !important;
}
.vscrollerbaseend {
	background: url(../1basebarcaps_verticalbarbody.gif) -64px -29px no-repeat;
	height: 16px;
	width: 16px;
}
.scrollerjogbox:hover {
	background:  url(../1basebarcaps_verticalbarbody.gif) -48px -16px;
}/* Scroll Bar Master Styling Ends Here */
* html #mycustomscroll {	/* Typical fixed height and fixed width example */
	width: 536px;
	height: 470px;	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding:0px;
}
#mycustomscroll {	/* Typical fixed height and fixed width example */
	width: 536px;
	height: 470px;
	outline:none;	/* IE overflow fix, position must be relative or absolute*/
}
*html #bm2 #content #mycustomscroll {	/* Typical fixed height and fixed width example */
	width: 725px;
	height: 550px;	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding:0px;
}
#bm2 #content #mycustomscroll {	/* Typical fixed height and fixed width example */
	width: 725px;
	height: 550px;	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding:0px;
}
* html .fixedwidth {/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 536px;
	margin:0px;
	vertical-align:top;
}
.fixedwidth {/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 536px;
	margin:0px;
	padding:0px;
	height: auto;
}
* html #fixedwidth {/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 536px;
	margin:0px;
	vertical-align:top;
}
#fixedwidth {/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 536px;
	margin:0px;
	padding:0px;
	height: auto;
}
div.root_product {
	background:url(../images/category-thumb-top.gif) no-repeat top;
	width:173px;
	display:block;
	padding-top:5px;
}
div.root_product .btm {
	background:url(../images/category-thumb-btm.gif) no-repeat bottom;
	width:173px;
	display:block;
}
div.root_product .btm .product {
	min-height:120px;
	padding:3px;
	height:120px
}
div.root_product .btm .product div {
	margin-top:10px;
	text-align:right;
	padding-right:15px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
div.product_thumb {
	width:134px;
	display:block;
}
div.product_thumb .bg {
	background:url(../images/product-thumb-bg.gif) left repeat-y #fff;
	width:134px;
	display:block;
}
div.product_thumb .top {
	background:url(../images/product-thumb-top.gif) no-repeat top;
	width:134px;
	height:235px;
	display:block;
}
div.product_thumb .top .product {
	height:155px;
	
}
div.product_thumb .top .product img {
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
}
div.product_thumb .top p {
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	margin-right:15px;
	color:#282525;
	font-size:11px;
	line-height:140%;
}
div.product_thumb .top strong {
	color:#fb3a07;
	font-size:12px;
	text-transform:uppercase;
}
div.product_thumb .top a {
	color:#076d8e;
	font-size:11px;
}
* html.rfq {
	float:right;
	background:url(../images/rfq-btn.gif) no-repeat;
	width:111px;
	height:21px;
	color:#fff;
	line-height:21px;
	text-align:center;
	margin-right:8px;
	font-size:11px;
	text-decoration:none;
}
.rfq {
	float:right;
	background:url(../images/rfq-btn.gif) no-repeat;
	width:111px;
	height:21px;
	color:#fff;
	line-height:21px;
	text-align:center;
	margin-right:15px;
	font-size:11px;
	text-decoration:none;
}
.pagination table {
	background:#59b1bd;
	font-size:12px;
	color:#fff;
	padding:4px;
}
.pagination table a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.pagination .next {
	padding-left:80px;
}
.pagination .next a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.pagination .page {
	padding-left:80px;
	font-size:11px;
}
.pagination .txtBox {
	padding:4px;
	width:25px !important;
	line-height:14px;
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}/* +++++++++++++++++++++ Common Clear Styles +++++++++++++++++++++++++++ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}/* End hide from IE-mac */
.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}/* -------------------------------------------------------------------------------- */
.productName {
	font-family:Arial, Helvetica, sans-serif;
	color: #F2832B;
	font-size:18px;
}
.productDesc {
	font-family:Arial, Helvetica, sans-serif;
	color: #1F8E9D;
	font-size:18px;
}
.getQuote {
	background-repeat:no-repeat;
	padding-left:35px;
	font-weight:bold;
	color:#CFDEE5;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
p.txt11 {
	padding:5px;
	;
	color:#333334;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 20px;
	line-height: 18px;	/*border:3px dashed #336699;*/
}
td.txt12 {
	padding:5px;
	;
	color:#333334;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 20px;
	line-height: 18px;
}
td.txt12 ul {
	color:#1F8E9D;
	font-weight:bold;
}
td.txt12 ul li {
	color: #333334;
	font-weight:normal;
	padding-left:10px;
}
td {
	font-size:12px;
	line-height:18px;
}/*input[type=button], input[type=submit], input[type=reset]{	border:1px #666666 solid;	background-color:#0B0B0B;	color:#FFFFFF;	font-weight:bold;	padding:1px 5px;}*/
input[type=text], textarea {
	border:1px #999999 solid;
	padding:2px;
	font-size:11px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0E4F65;
}
a.print {
	background:url(../images/results-bg.gif) no-repeat left;
	width:86px;
	height:22px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	border:none;
	display:block;
	text-decoration:none;
}/*Added on 10 feb,2009	*/
.searchForm {
	font-size:12px;
	background:#dddddc;
}
.txtorg13 {
	font-size:13px;
	color:#ee7722;
}
.txtblack13 {
	font-size:13px;
	color:#000;
}
.listBox {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333
}
.txtBox {
	line-height:18px;
	padding:2px 5px;
	border:1px solid #ccc;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333
}
.resultsBtn {
	background:url(../images/results-bg.gif) no-repeat left;
	width:86px;
	height:22px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	border:none;
}
.pageHead {
	font-size:18px;
	width:690px;
	padding:0;
	margin:0;
	padding-bottom:6px;
	color:#0e4f65;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/dash-horz.gif) repeat-x bottom;
}
td.content p {
	font-size:13px;
	padding:10px 0;
	color:#454545;
	font-family:Verdana, Geneva, sans-serif;
}
td.content p.desc_search {
	font-size:14px;
	padding-left:5px;
	padding-bottom:5px;
	color:#454545;
	font-family:Verdana, Geneva, sans-serif;
}
td.content a.read_more {
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #EE7821;
}		/*--------------------------------------------------------------------------*/
td.feature_top {
	padding-left:10px;
	background:url(../images/featurebg-top.gif) no-repeat left bottom;
	width:142px;
	height:57px;
}
td.feature_bot {
	width:142px;
	height:32px;
	color:#FFFFFF;
	vertical-align:top;
	padding-top:2px;
	background:url(../images/featurebg-bot.gif) no-repeat top left;
	text-align:center
}
.readmore {
	width: 68px;
	float: right;
	background: url(../images/read-more.gif) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}
.normaltext {
	font-size:12px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
}
table.productfeature {
	background:#f7f7f7;
}
table.productfeature td {
	font-size:12px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #dddddd;
	padding-left:10px;
}
table.productfeature td.caption {
	font-size:12px;
	color:#f56b3b;
	font-weight:bold;
	background:#ededed;
}
table.searchresults td {
	font-size:12px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	background:#fafafa;
}
table.searchresults td a {
	color:#ff730d;
	font-weight:bold;
}
table.searchresults h2.caption {
	font-size:14px;
	color:#023240;
	font-weight:bold;
	background:#d3dadd;
	padding:3px 10px;
	width:auto;
}
table.searchresults h2.caption a {
	color:#023240;
	text-decoration:none;
}
table.searchresults p {
	padding-left:5px;
	padding-right:5px;
}
#bm1 {
	background: url(../images/bodybg.gif) no-repeat left bottom;
	height: 610px;
	width: 745px;
}
td.productHead {
	font-size:18px;
	width:505px;
	padding:0;
	margin:0;
	padding-bottom:6px;
	color:#0e4f65;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}