/*///////////////////////////////////////////////////////
Varnish Stripping - Undo HTML
///////////////////////////////////////////////////////*/

/* undohtml.css
 	(CC) 2004 Tantek Celik. Some Rights Reserved.
 	http://creativecommons.org/licenses/by/2.0
 	This style sheet is licensed under a Creative Commons License.
 	Purpose: undo some of the default styling of common (X)HTML browsers */

/* Link underlines tend to make hypertext less readable,
	because underlines obscure the shapes of the lower halves of words */
/* :link, :visited { text-decoration: none } */

/* No list-markers by default, since lists are used more often for semantics */
/* ul, ol { list-style: none } */

/* Avoid browser default inconsistent heading font-sizes and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin.
   The default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it.
   Zero out the spacing around pre, form, body, html, p, blockquote as well.
   Form elements are oddly inconsistent, and not quite CSS emulatable.
   Nonetheless strip their margin and padding as well */
h1, h2, h3, h4, h5, h6, pre, form, body, html, div, p, blockquote, fieldset, input
{ margin: 0; padding: 0; }

/* Whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img, fieldset { border: none; }
* { outline: none !important; }

/* De-italicize address */
address { font-style: normal; }
/* Cross-browser quote mark removal */
q:before, q:after { content: ''; }


/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/
/* Hidden vertical scrollbar which appears when needed and allows normal horizontal scrollbar behaviour. */
html {
	overflow-y: scroll !important;
}
body {
	color: #000000;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
table {
	font-size: 1em;
}
p {
	padding: 0 0 11px;
}
hr {
	background: #DDDDDD;
	border: 0;
	color: #DDDDDD;
	height: 1px;
}

ol {
	list-style-type:decimal;
}
ol ol {
	list-style-type:lower-alpha;
}
ol ol ol {
	list-style-type:lower-roman;
}
input, select, textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
a { color: #3B587D; }
a:hover { color: #BCD0EC; }
kbd, code {
	color: #3B587D;
	font-family: Courier New, serif;
	font-size: 1.05em;
}




/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

body {
	background: #F5F5F5 url('../images/background.jpg') repeat-x center top;
	text-align: center;
}
body.popup {
	background: #FCFCFC;
	padding: 10px 15px;
	text-align: left;
}
#container {
	/*overflow: auto;*/
	margin: 0 auto 0.8em auto;
	/*position: relative;*/
	text-align: left;
	width: 960px;
}


#skip {
	left: -999em;
	position: absolute;
	top: -999em;
	width: 100%;
}
#skip ul, #skip li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#skip li a {
	display: block;
	left: -999em;
	position: absolute;
	top: -999em;
	width: 100%;
}
#skip li a:focus, #skip li a:active {
	background-color: #666666;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-size: 85%;
	left: 0;
	letter-spacing: .08em;
	margin: 0;
	padding: 2px 6px 2px 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: auto;
}
#skip li a:hover {
	background-color: #EF3E42;
	border: 1px solid #666666;
	color: #FFFFFF;
}



#masthead {
	height: 40px;
	margin: 0 auto;
	padding: 20px 0 107px 0;
	width: 960px;
}
#masthead h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 40px;
	overflow: hidden;
	display: block;
}
#masthead h1 a {
	display: block;
	width: 400px;
	height: 40px;
	cursor: pointer;
	background: transparent url('../images/logo-cbc.png') no-repeat top left;
	text-indent: -999em;
}


#search {
	background: transparent url('../images/bg-search.png') no-repeat top left;
	float: right;
	height: 50px;
	overflow: hidden;
	/*position: absolute;*/
	margin-top: 6px;
	right: 0;
	top: 0;
	width: 473px;
	/**************************
	DISABLE SEARCH TEMPORARILY
	***************************/
	display: none;
}
#search fieldset {
	display: inline;
}
#search label {
	display: none;
}
#search input#keyword {
	background: transparent;
	border: none;
	color: #222222;
	height: 20px;
	margin: 10px 0 0 80px;
	width: 340px;
}
#search input#keyword.inactive-input {
	color: #888888;
}
#search input#submit-search {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 30px;
	text-indent: -999em;
	width: 32px;
}
#general #search {
	display: none;
}


#navigation {
	background: transparent url('../images/bg-nav.png') no-repeat center top;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 77px;
	/*width: 100%;*/
	width: 960px;
	margin: 0 auto;
	z-index: 50;
}
#navigation h3 {
	display: none;
}
#navigation ul ul {
	display: none;
}
#navigation ul {
	list-style: none;
	padding: 0 5px;
	margin: 0;
}
#navigation li {
	background: transparent url('../images/bg-nav-border.png') repeat-y right center;
	float: left;
	height: 64px;
	list-style: none;
	margin: 0;
	padding: 0 2px 0 0;
}
#navigation li.special {
	background: transparent url('../images/bg-nav-border.png') repeat-y left center;
	float: right;
	margin-right: -5px;
	padding: 0 0 0 2px;
}
#navigation li.hidden {
	display: none;
}
#navigation a {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
	padding: 25px 35px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation a:hover {
	background: #3A3A3A;
}
#navigation li.special a {
	padding-right: 40px;
}
#general #navigation {
	background: transparent url('../images/bg-nav-home.png') no-repeat center top;
}
#general #navigation li.special {
	margin-right: 0;
}
#general #navigation li.special a {
	padding-right: 35px;
}


#gallery {
	background: #333333;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: 705px;
}


#content {
	background: #FFFFFF;
	float: right;
	/* min-height: 392px; */
	padding: 5px 5px 0 5px;
	width: 695px;
}
#content h2 {
	display: none;
}
#content h3 {
	color: #FFFFFF;
	background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px 0px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 0 15px;
	text-decoration: none;
	text-transform: uppercase;
}


.wrapper {
	border: 1px solid #EAEAEA;
	margin-bottom: 5px;
	padding: 15px;
}


#general #content {
	min-height: 0;
	padding: 5px;
	width: 695px;
}


#related {
	position: absolute;
	top: 170px;
	width: 240px;
}


#subnav {
	background: #D3D3D3;
	margin: 0 0 10px 0;
	padding: 5px;
}
#subnav h3 {
	margin: 0;
	padding: 0;
}
#subnav h3 a {
	color: #FFFFFF;
	background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px 0px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0 5px 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subnav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subnav li a {
	background: #EAEAEA url('../images/bg-subnav.gif') repeat-x bottom center;
	color: #333333;
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	text-decoration: none;
}
#subnav li li a {
	background: #EAEAEA;
	border-top: 1px solid #CCCCCC;
	padding: 3px 5px 3px 10px;
}
#subnav li li li a {
	padding: 1px 5px 1px 30px;
	font-size: 10px;
}
#subnav li li li li a {
    padding: 1px 5px 1px 50px;
}

#subnav li.active a {
	background: #3A3A3A;
	color: #FFFFFF;
}
#subnav li.active li a {
	background: #CCCCCC;
	color: #000000;
}
#subnav li.active li li a {
	color: #FFFFFF;
}
#subnav li.active li a:hover {
	background: #EEEEEE;
}
#subnav li.active li.active a,
#subnav li.active li.active a:hover {
	background: #999999;
}
#subnav li.active li.active li.active a,
#subnav li.active li.active li.active a:hover {
	background: #A8A8A8;
}
#subnav li.active li.active li.active a,
#subnav li.active li.active li.active a:hover {
	background: #A8A8A8;
}


#members-login {
	background: #333333;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 15px;
}
#members-login h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#members-login p {
	padding-top: 5px;
}
#members-login a {
	color: #FFFFFF;
}
#members-login label {
	margin-left: 0;
	padding-bottom: 4px;
}
#members-login .checkbox {
	font-size: 10px;
}
#members-login input#submit, #members-login fieldset a {
    background: #F1F1F1 url('../images/bg-button.gif') repeat-x bottom center;
    border: 1px outset #D8D8D8;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 2px 11px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
#members-login fieldset a {
	padding: 3px 11px;
}
#members-login input#submit:hover, #members-login fieldset a:hover {
    background: #666666;
    border: 1px solid #F1F1F1;
    color: #F1F1F1;
}

#footer {
	background-color: #BCD0EC;
	background-image: url("../images/bg-footer-00.gif");
	background-repeat: repeat-x;
	background-position: center bottom;
	/*background: #BCD0EC url("../images/bg-footer-00.gif") repeat-x bottom center;*/
	clear: both;
	float: right;
	display: block;
	font-size: 10px;
	margin: 10px 0;
	overflow: hidden;
	padding: 20px 0;
	width: 705px;
}
#footer div {
	padding: 0 20px;
	margin: 0;
	min-height: 125px;
}
#footer h3 {
	line-height: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer dl {
	overflow: auto;
	padding: 0;
	margin: 0;
}
#footer dt {
	float: left;
	font-weight: bold;
	padding: 0;
	margin: 0 5px 0 0;
	width: 85px;
}
#footer dd {
	float: left;
	padding: 0;
	margin: 0;
	width: 260px;
}
#footer a {
	color: #333333;
}
#footer a:hover {
	color: #FFFFFF;
}
#footer #your-account {
	float: left;
}
#footer #helpful-information {
	background: transparent url('../images/bg-border.png') repeat-y top left;
	float: left;
}
#footer #latest-news {
	background: transparent url('../images/bg-border.png') repeat-y top left;
	float: left;
	width: 350px;
}


#validate {
	color: #999999;
	float: right;
	font-size: 9px;
	margin: 0 0 10px 0;
	overflow: auto;
	width: 705px;
}
#validate a {
	color: #999999;
}


#partners {
	float: right;
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0;
	overflow: auto;
	width: 100px;
}
#partners li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#partners li a {
	display: block;
	width: 43px;
	height: 43px;
	cursor: pointer;
	background: transparent url('../images/spacer.gif') no-repeat center center;
	margin-left: 10px;
	text-indent: -999em;
}
#partners #cbc-australia a {
	background-image: url('../images/logo-cbc-conbear.png');
	width: 42px;
}
#partners #cbc-technical a {
	background-image: url('../images/logo-cbc-technical-services.png');
	width: 33px;
}





/*///////////////////////////////////////////////////////
Product Category Styles
///////////////////////////////////////////////////////*/

.motovario-worm-gearmotor 		a { color: #7D3B7A; }
.ntn-bearing-units 			a { color: #7D423C; }
.ntn-insert-bearings 			a { color: #3B777D; }
.ntn-spherical-roller-bearing 		a { color: #8F6829; }
.one-eye-industies 			a { color: #5D5B5B; }
.tbc-bearing-and-housing-assemblies 	a { color: #7D793C; }
.wire-rope-sheaves 			a { color: #477248; }
.mav-locking-assembly-drive 		a { color: #863339; }
.mav-locking-assembly-driven 		a { color: #6A4E33; }

.ntn-bearing-units 			a:hover { color: #000000; }
.ntn-insert-bearings 			a:hover { color: #000000; }
.ntn-spherical-roller-bearing 		a:hover { color: #000000; }
.one-eye-industies 			a:hover { color: #000000; }
.tbc-bearing-and-housing-assemblies 	a:hover { color: #000000; }
.wire-rope-sheaves 			a:hover { color: #000000; }
.mav-locking-assembly-drive 		a:hover { color: #000000; }
.mav-locking-assembly-driven 		a:hover { color: #000000; }


.motovario-worm-gearmotor 		#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -35px; }
.ntn-bearing-units 			#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -70px; }
.ntn-insert-bearings 			#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -105px; }
.ntn-spherical-roller-bearing 		#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -140px; }
.one-eye-industies 			#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -175px; }
.tbc-bearing-and-housing-assemblies 	#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -210px; }
.wire-rope-sheaves 			#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -245px; }
.mav-locking-assembly-drive 		#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -280px; }
.mav-locking-assembly-driven 		#content h3 { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -400px -315px; }


.motovario-worm-gearmotor 		#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -35px; }
.ntn-bearing-units 			#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -70px; }
.ntn-insert-bearings 			#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -105px; }
.ntn-spherical-roller-bearing 		#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -140px; }
.one-eye-industies 			#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -175px; }
.tbc-bearing-and-housing-assemblies 	#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -210px; }
.wire-rope-sheaves 			#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -245px; }
.mav-locking-assembly-drive 		#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -280px; }
.mav-locking-assembly-driven 		#subnav h3 a { background: #3A3A3A url('../images/bg-header-full.jpg') no-repeat -790px -315px; }


.motovario-worm-gearmotor 		#footer { background: #ECBCE9 url('../images/bg-footer-01.gif') repeat-x bottom center; }
.ntn-bearing-units 			#footer { background: #94bbfc url('../images/bg-footer-02.gif') repeat-x bottom center; }
.ntn-insert-bearings 			#footer { background: #BCE6EC url('../images/bg-footer-03.gif') repeat-x bottom center; }
.ntn-spherical-roller-bearing 		#footer { background: #F7DEB0 url('../images/bg-footer-04.gif') repeat-x bottom center; }
.one-eye-industies 			#footer { background: #D5D4D4 url('../images/bg-footer-05.gif') repeat-x bottom center; }
.tbc-bearing-and-housing-assemblies 	#footer { background: #EDEABC url('../images/bg-footer-06.gif') repeat-x bottom center; }
.wire-rope-sheaves 			#footer { background: #C4E4C5 url('../images/bg-footer-07.gif') repeat-x bottom center; }
.mav-locking-assembly-drive 		#footer { background: #F3B6B9 url('../images/bg-footer-08.gif') repeat-x bottom center; }
.mav-locking-assembly-driven 		#footer { background: #CBB7A1 url('../images/bg-footer-09.gif') repeat-x bottom center; }





/*///////////////////////////////////////////////////////
Basic Form Styles
///////////////////////////////////////////////////////*/

fieldset {
	margin-bottom: 1px;
	padding: 5px 0;
}
label {
	float: left;
	padding-right: 10px;
	width: 200px;
}
/* IE6 only */
* html label {
	 width: 210px;
}
input, select, textarea {
	padding: 2px;
	width: 200px;
}
select {
	width: 204px;
}
input#submit, .submit {
	background: #3B587D;
	border: 2px outset #3B587D;
	color: #FFFFFF;
	margin: 0.6em 0 0 210px;
	padding: 1px 5px;
	text-decoration: none;
	width: auto;
}
.help {
	background: none;
	color: #999999;
	display: block;
	font-size: 10px;
	margin: 0 10px 0 210px;
}
.copy {
	font-size: 10px;
	padding: 0 0 5px 210px;
}
.radio span {
	padding-right: 10px;
}
.radio input {
	margin-right: 0;
	width: auto;
}
.checkbox label {
	display: block;
	float: none;
	margin-left: 210px;
	width: auto;
}
.checkbox input {
	margin-right: 5px;
	width: auto;
}
.required {
	color: #AA0000;
	display: inline;
}
.ui-datepicker-trigger {
    display: inline;
    left: 3px;
    position: relative;
    top: 3px;
}

/*///////////////////////////////////////////////////////
// Initally used for the separate JS functions
// Replaced by code below which uses the fieldset
.errorlabel {
	color: #AA0000;
}
.error {
	color: #AA0000;
	display: block;
	font-size: 10px;
	line-height: 1.2;
	margin-left: 210px;
}
///////////////////////////////////////////////////////*/
ul.errorlist {
	border: 1px solid #EEDDDD;
	color: #AA0000;
	background: #FFEEEE;
	display: block;
	list-style: disc;
	margin: 0 0 15px;
	padding: 5px 5px 5px 30px;
	text-align: left;
}
ul.errorlist li {
	padding: 0;
}
.errorfield {
	border-bottom: 1px solid #EEDDDD;
	border-top: 1px solid #EEDDDD;
	color: #AA0000;
	background: #FFEEEE;
	padding: 4px 0;
}
.errorfield label {
	color: #AA0000;
	padding-left: 4px;
	width: 196px;
}
/* IE6 only */
* html .errorfield label {
	 width: 206px;
}
.errorfield span.error {
	color: #AA0000;
	display: block;
	font-size: 10px;
	line-height: 1.2;
	margin-left: 210px;
}

.ui-widget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ui-datepicker {
	width: 200px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	padding: 0 2px;
}

#progressContainer {
	color: #999999;
	font-size: 0.9em;
	padding: 3px 0 0 210px;
}
#progressHolder {
	background: #EEEEEE;
	border-top: 1px solid #999999;
	height: 3px;
	width: 204px;
}
#progressBar {
	height: 3px;
}
#progressText {
	display: inline;
	padding-left: 10px;
}

#firstName 	{ width: 200px; }
#lastName 	{ width: 200px; }
#email 		{ width: 200px; }
#abn 		{ width: 120px; }
#phone 		{ width: 120px; }
#fax 		{ width: 120px; }
#mobile 	{ width: 120px; }
#zipcode 	{ width:  60px; }
#postZipcode 	{ width:  60px; }
#comment 	{ width: 250px; }
#findUsID 	{ width: 200px; }
#preferredContact { width: 120px; }
#valid_human  { width: 120px; }

#completed 	{ width: 120px; }
#hours 		{ width:  57px; }
#minutes 	{ width:  55px; }

input#submitnote {
	background: #053A5A;
	border: 2px outset #053A5A;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 0 0 210px;
	padding: 1px 5px;
	text-decoration: none;
	width: auto;
}
input#submitnote {
	background: #1774AC;
	border: 2px outset #1774AC;
}



/*///////////////////////////////////////////////////////
Miscellaneous Styles
///////////////////////////////////////////////////////*/

#featured-partners {
	list-style: none;
	margin: 5px 0 0 0;
	overflow: auto;
	padding: 0;
}
#featured-partners li {
	background: #333333;
	border: 1px solid #DDDDDD;
	float: left;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	width: 168px;
}
#featured-partners li:first-child {
	margin: 0;
}
#featured-partners span {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px 6px 10px;
	text-transform: uppercase;
}


.intro {
	font-weight: bold;
}
.image {
	border: 1px solid #999999;
	background: #EEEEEE;
	clear: right;
	float: right;
	margin: 0 0 15px 15px;
	padding: 1px;
}
.image:hover {
	border: 1px solid #999999; /* #3B587D */
	background: #333333; /* #22B4EB */
	float: right;
	margin: 0 0 15px 15px;
	padding: 1px;
}
.image img {
	display: block;
	margin: 0;
	width: 200px;
}
.icon {
	_text-indent: -999em;
	background: transparent none 0 0 no-repeat;
	border: none;
	color: rgba(255,255,255,0);
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	font: 0/0 Arial;
	height: 16px;
	margin: 0 3px;
	overflow: hidden;
	vertical-align: bottom;
	width: 16px;
}
.hint {
	background-image: url('../images/icon-help.png');
}


/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	left: 0px;
	position: absolute;
	top: 0px;
}
.nivoSlider a.nivo-imageLink {
	border: 0;
	display: none;
	height: 100%;
	left: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 60;
}
.nivo-slice {
	display: block;
	height: 100%;
	position: absolute;
	z-index: 50;
}
.nivo-caption {
	background: #000;
	bottom: 0px;
	color: #fff;
	display: none !important;
	left: 0px;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 89;
}
.nivo-caption p {
	margin: 0;
	padding: 5px;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
	display: none;
}
.nivo-directionNav a {
	cursor: pointer;
	position: absolute;
	top: 45%;
	z-index: 99;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
.nivo-controlNav a {
	cursor: pointer;
	position: relative;
	z-index: 99;
}
.nivo-controlNav a.active {
	font-weight: bold;
}


/* Custom Slider Styles */
#gallery {
	background: #000000;
	height: 281px;
	margin: 0 0 10px;
	width: 705px;
}
#gallery-images {
	background: url('../images/gallery/loading.gif') no-repeat 50% 50%;
	height: 281px;
	/*position: relative;*/
	position: absolute !important;
	width: 705px;
}
#gallery-images img {
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
}
#gallery-images a {
	border: 0;
	display: block;
}

.nivo-controlNav {
	bottom: 10px;
	position: absolute;
	right: 10px;
	z-index: 90;
}
.nivo-controlNav a {
	background: url('../images/gallery/bullets.png') no-repeat;
	border: 0;
	display: block;
	float: left;
	height: 22px;
	margin-right: 3px;
	text-indent: -9999px;
	width: 22px;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
}

.nivo-directionNav a {
	background: url('../images/gallery/arrows.png') no-repeat;
	border: 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}

.nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: none;
}
.nivo-caption a {
	color: #EFE9D1;
	text-decoration: underline;
}


/* Table Sorter */
table.tablesorter {
	background-color: #FCFCFF;
	border: 1px solid #EAEAEA;
	margin-bottom: 5px;
	text-align: left;
	width: 100%;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #D3D3D3;
	padding: 2px 15px;
}
table.tablesorter thead tr .header {
	background-image: url('../images/table-asc-desc.gif');
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 2px 15px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color: #EAEAEA;
}
table.tablesorter tbody tr.row-highlight td {
	background-color: #FFF2C0;
}
table.tablesorter tbody tr.row-highlight td a {
	color: #AA7700;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/table-asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/table-desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #C3C3C3; /* #8DBDD8 */
}


/* File Attachment Icons */
#attachments ul, #attachments li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#attachments ul li a.bold {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#attachments ul li a.second-link {
	background-image: none;
	padding-left: 0;
}


.file {
	margin: 0 0 5px 0 !important;
	overflow: auto;
}
.file .filesize {
	color: #999999;
	font-size: 9px;
}
.file .filedesc {
	font-size: 10px;
}
.file a {
	background: transparent url('../images/spacer.gif') no-repeat top left;
	float: left;
	margin: 0 5px 0 0;
	min-height: 16px;
	padding-left: 20px;
}
/* CBC Specific File Types */
.cad a 		{ background-image: url('../images/icon-cad.png'); }
.dwg a 		{ background-image: url('../images/icon-dwg.png'); }
.dwginventor a 	{ background-image: url('../images/icon-dwginventor.png'); }
.dxf a 		{ background-image: url('../images/icon-dxf.png'); }
.igs a, .iges a	{ background-image: url('../images/icon-iges.png'); }
.step a 	{ background-image: url('../images/icon-step.png'); }
.stp a 		{ background-image: url('../images/icon-stp.png'); }
.x_t a, .x-t a 	{ background-image: url('../images/icon-x-t.png'); }
.tcp a 		{ background-image: url('../images/icon-tcp.png'); }

/* Generic File Types */
.csv a 		{ background-image: url('../images/icon-xls.png'); }
.doc a 		{ background-image: url('../images/icon-doc.png'); }
.docx a 	{ background-image: url('../images/icon-doc.png'); }
.gif a 		{ background-image: url('../images/icon-img.png'); }
.jpeg a 	{ background-image: url('../images/icon-img.png'); }
.jpg a 		{ background-image: url('../images/icon-img.png'); }
.pdf a 		{ background-image: url('../images/icon-pdf.png'); }
.png a 		{ background-image: url('../images/icon-img.png'); }
.pps a 		{ background-image: url('../images/icon-pps.png'); }
.ppsx a 	{ background-image: url('../images/icon-pps.png'); }
.ppt a 		{ background-image: url('../images/icon-pps.png'); }
.ppts a 	{ background-image: url('../images/icon-pps.png'); }
.tiff a 	{ background-image: url('../images/icon-tiff.png'); }
.xls a 		{ background-image: url('../images/icon-xls.png'); }
.xlsx a 	{ background-image: url('../images/icon-xls.png'); }
.zip a 		{ background-image: url('../images/icon-zip.png'); }


/* Product Details */
#children {
	clear: both;
}
#children img {
	width: 150px;
}
#product-table {
	clear: both;
}
.product-total {
	font-size: 9px;
	font-weight: normal;
	padding-left: 5px;
}
#technical-specifications {
	clear: both;
}


/* Curved Corners */
#subnav, #members-login, #gallery, #content, #footer {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*behavior: url('border-radius.htc');*/
}
#subnav h3 a, #content h3 {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	/*behavior: url('border-radius.htc');*/
	background-color: transparent !important;
}


#content h3.standalone {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
}
#content .jump-parent {
	font-size: 10px;
	padding: 0 15px 8px 15px;
	text-align: right;
}


/* Contact Details */
.hcard {
	clear: both;
	display: block;
	height: 1%;
	margin: 0.9em 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 0.9em;
}
.hcard dl {
	clear: both;
	float: left;
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0.6em;
	width: 100%;
}
.hcard dt {
	clear: left;
	color: #3B587D;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 25%;
}
.hcard dd {
	clear: right;
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 65%;
}
.hcard .street-address, .hcard .locality, .hcard .post-office-box, .hcard .country-name {
	display: block;
}
.hcard .region {
	padding-right: 0.8em;
}
.hcard .company {
	display: none;
}
.hcard .org {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	width: 99%;
}


/* Category List */
.categories {
	overflow: auto;
}
.categories dt {
	color: #3B587D;
	font-weight: bold;
	text-transform: uppercase;
}
.categories dd {
	margin: 0;
	overflow: auto;
	padding: 0 115px 15px 0;
}
.categories dd span.image {
	margin: 0 -115px 0 20px;
}


/* Breadcrumbs on Product Pages */
#breadcrumbs {
	padding: 0 0 7px 15px;
}
#breadcrumbs ul {
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: 0;
}
#breadcrumbs li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}
#breadcrumbs li:first-child {
	padding-left: 0;
}
#breadcrumbs li:before {
	content: "::";
}
#breadcrumbs li:first-child:before {
	content: "";
}
#breadcrumbs a {
	padding-left: 10px;
}
#breadcrumbs li:first-child a {
	padding-left: 0;
}


/* jCoverFlip Styles */
.ui-jcoverflip {
	position: relative;
}
.ui-jcoverflip--item {
	display: block;
	position: absolute;
}

#results {
	clear: both;
	height: auto;
	/*height: 80px;
	padding: 8px;*/
}



#techical-sheet {
	overflow: auto;
}
#techical-sheet h2 {
	display: block;
	font-size: 14px;
	padding-bottom: 20px;
}
#techical-sheet label {
	width: 160px;
}
#techical-sheet fieldset {
	padding-bottom: 0px;
	padding-top: 0px;
}
#techical-sheet .col01,
#techical-sheet .col02 {
	float: left;
	min-height: 20px;
	width: 49%;
}
#techical-sheet .col01 {
	clear: both;
}
#techical-sheet .col02 label {
	width: 120px;
}
#techical-sheet .line {
	clear: both;
	border-top: 2px solid black;
	padding-top: 2px;
}
#techical-sheet .image {
	clear: both;
	/*float: right;*/
	margin: 0 0 15px 0;
	clear: left;
}
#techical-sheet .technical img {
	float: none !important;
	max-width: 660px;
	width: auto;
}

#techical-sheet #additional-info {
	/*float: left;*/
	width: 350px;
}
#techical-sheet #calculator fieldset {
	min-height: 28px;
}
#techical-sheet #calculator label {
	width: 80px;
}
#techical-sheet #calculator input {
	width: 100px;
}

.clear {
	clear: both;
}

.products-filter select,
.products-filter input
 {
	width: auto;
}

.mandatory {
	color: #cc0000;
	padding-left: 0px;
}

#calculator {
	background-color: #EEEEEE;
	border: 1px solid gray;
	padding: 8px 12px;
	min-height: 180px;
}
#calculator #results h4 {
	padding-top: 12px;
}
#calculator h4 {
	font-size: 13px;
	padding-bottom: 8px;
}
#calculator fieldset {
	float: left;
	width: 300px;
}
#calculator label {
	font-weight: bold;
	text-align: right;
	width: 80px;
}
#calculator input[type="text"] {
	border: 1px solid gray;
	width: 150px !important;
}
#calculator .calculatorHint {
	color: gray;
	display: block;
	margin-left: 96px;
	padding-bottom: 4px;
}

#calculator #calculate {
	width: auto;
}


.wrapper .articles .posted {
	margin-left: 0;
	color: gray;
}
.wrapper .articles .summary {
	margin-left: 0;
}
#results-wrapper,
#resultsWrapper {
	clear: both;
	display: none;
	height: auto;
}

#calculator-params-to-print {
	display: none;
}

#product-options {
	display: block;
	clear: both;
}

.expanded {
	height: 100px;
	display: block;
}

.posted {
	color: gray;
}

#linkedin {
	float: left;
	padding-top: 4px;
	width: 104px;
}

#facebook {
	float: left;
	padding-top: 4px;
	width: 100px;
}