body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #333333;
}

a img {
	border: none;
}

.minwidth {
	height: 1px;
	width: 720px;
}

.container {
	 min-width: 900px;
	 
}

.topbar {
	background-image: url(assets/images/site/bg-top.jpg);
	height: 85px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	/* border-bottom-style: solid; */
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	color: #CCCCCC;
}

.left {
	color: #CCCCCC;
	float: left;
	width: 206px;
	margin: 0px;
	padding: 0px;
	position: relative;
	
}
.content {
	margin: 0px;
	padding: 0px;

	background: white url(assets/images/site/left-bg.png) repeat-y;
	overflow: auto;
}

/* reset background on some pages */
#indexDefaultMainContent.content, #logoffDefaultMainContent.content { 
	background-image: none;
}


#left-atlascopco {
	position: absolute;
	display: block;
	left: 0;
}

.main {
	padding: 0px;
	margin: 0px;
	float: left;
	background-color: white;
	width: 100%;
}
.main2{
	padding: 0px;
	margin: 0px;
	border: 1px solid #FFFFFF;
}

.middle {
	margin: 0px 0px 0px 206px;
	padding: 0px;
	background-color: #FFFFFF;
	border: none;
}


.left a {
	color: #FFFFFF;
	text-decoration: underline;
}
.lpdtbl {
	margin-left: 20px;
	border: 1px none #666666;
	font-size: 9pt;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
}
.limg {
	float: left;
	margin-right: 20px;
	border: 1px solid #666666;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.lpdtbl th {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}
.lpdtbl td {
	border: 1px dotted #CCCCCC;
	padding: 2px;
	color: #000000;
}
.title1 {
	color: #C08E18;
	padding-bottom: 0px;
	font-weight: bold;
	margin: 0px;
}
.ctr {
	text-align: center;
}
.topleft {
	position: absolute;
	height: 72px;
	width: 378px;
	left: 0px;
	top: 0px;
	z-index: 0;
}
.toptext {
	z-index: 1;
	left: 8px;
	top: 66px;
	position: absolute;
	color: #666666;
	font-size: 8pt;
}

.topwelcome {
	float: right;
	font-size: 8pt;
	margin-top: 66px;
	color: #999;
	padding-right: 4px;
	font-style: italic;
}
.topwelcome a {
	color: #ffcc00;
	text-decoration: none;
}

.footer {
	background-color: #333333;
	text-align: center;
	padding: 8px;
	color: #FFCC00;
	font-size: 9pt;
	clear: both;
}





/* NAVIGATION */

#nav {
	text-align: left;
	margin-top: 80px; /* room for abs block above */
	margin-right: 4px;
}


.navmenu {
	background-image: url(assets/images/site/nav-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 13px;
	margin-bottom: 12px;
}

#nav h2 {
	background-repeat: no-repeat;
	height: 36px;
	margin: 0;
	padding: 0px;
	text-indent: -9999em;
}

#hyd  h2 {
	background-image: url(assets/images/site/head-hydraulic.png);
}

#air  h2 {
	background-image: url(assets/images/site/head-pneumatic.png);
}

#nav ul {
	margin: 0;
	padding-left: 0px;
	background-image: url(assets/images/site/bg-navitems.png);
	background-repeat: repeat-y;
}


#nav li {
	list-style-type: none;
/*	background-color: #FFCC00; */
	margin-left: 8px;
	width: 177px;
}
#nav li.parent {
	position: relative;
}

#nav li.parent:hover, #nav li.sfhover {
 	background-color: #ffcc00;
}
#nav li.parent:hover a {
	color: black;
}
#nav li.parent:hover li a {
	color: #ffcc00;
}
#nav li.parent li a:hover {
	color: black;
}

#nav a {
	color: #ffcc00;
	text-decoration: none;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	display: block;
	padding: 2px 2px 2px 10px;
}
#nav a:hover, #nav a.sfhover {
	color: black;
 	background-color: #ffcc00; 
}
#nav li.active {
	background-color: #000000;

}
#nav li.active a {
	color: white;
	padding-left: 13px;
}
#nav li.active a:hover {
	color: black;
}

/* sub menu */

#nav ul li:hover ul {
	display: block;
}
#nav ul ul {
	position: absolute;
	display: none;
	margin: 0;
	top: 1px;
	z-index: 9999;
	left: 170px;
	background-color: #FFCC00;
	border: solid 1px #ccc;
	background-position: -10px 0;
}

#nav ul ul li {
	border-bottom: solid 1px #000;
	margin-left: 0;
	padding-left: 8px;
	width: 150px;
}
#nav ul ul li a {
	
	padding-left: 8px;
}

#nav ul li.active ul {
	position: static;
	display: block;
	margin-left: 12px;
	font-size: 85%;
	border: none;
}


/* end sub menu */

/* END NAV */














.webby {
	color: #6F5800;
	text-decoration: none;
}
.lpdtbl .spc {

	border: 1px dotted #CCCCCC;
	padding: 2px 6px;
}
.box {
	background-color: #FFCC00;
	width: 174px;
	margin-right: 8px;
	border-top: 2px none #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px none #666666;
	padding-right: 4px;
	padding-left: 4px;
	color: #000000;
	margin-bottom: 20px;
	height: 160px;
	float: left;
	margin-left: 4px;
	font-weight: normal;
}
.boxright {
	background-color: #FFE26F;
	width: 300px;
	margin-right: 20px;
	color: #333333;
	margin-left: 20px;
	border: 3px solid #FFCC00;
	padding: 8px;
	float: left;
	height: 298px;
	font-weight: bold;
}
.leftbox {
	float: left;
}

.boxright h3 {
	text-transform: uppercase;
	background-color: #FFCC00;
	margin: -8px -8px 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
}

.boxright li {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 12px;
}
.boxright ul {
	margin-left: 20px;
	padding-left: 0px;
}

.tri {
	float: left;
	margin-left: -4px;
}
.boximg {
	border: 1px solid #666666;
	margin-right: 4px;
}
h5 {
	margin-bottom: 4px;
	margin-top: 6px;
	margin-left: 24px;
	font-size: 10pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.box a {
	font-weight: bold;
}
.box p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}
h5 a {
	text-decoration: none;
	color: #000000;
}
h4 {
	font-size: 14pt;
	margin: 0px 0px 0px 60px;
	padding: 20px;
}
.footer a {
	color: #999999;
	text-decoration: none;
}
.smaller {
	font-size: 90%;
}
.small2 {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

.asterisk {
	font-size: 8pt;
	color: #666666;
}
.asterisk p {
	margin: 0px;
	padding: 0px;
}
.hometable {
	margin-top: 12pt;
}
.clearer {
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 1px;
	overflow: hidden;
}
.contain {
	zoom: 1;
	overflow: hidden;
}
.clearright {
	clear: right;
}


.limg img {
	display: block;
}
.toptriangle {
	float: left;
	position: absolute;
}
div.leftlink {
	background-color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 4px;
	margin-left: 8px;
	text-align: left;
	padding-left: 4px;
	margin-top: 16px;
	width: 170px;
}
div.leftlink a {
	color: #dddddd;
	text-decoration: none;
}
div.leftlink a:hover {
	color: #FFFFFF;
}
.hometop {
	margin: 0px 0 0 30px;
	padding: 0px;
	
}
.homeleft {
	float: left;
	margin-left: 60px;
	padding: 8px 0px 0px;
	margin-top: 0px;
}
.homesubtitle img {
}
.homesubtitle {
	font-style: italic;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: right;
	float: right;
	width: 238px;
	padding: 0px;
	height: 93px;
}
.boxcontainer {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.maincontent {
	margin: 0px;
	padding: 0px 20px;
}

.homeintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	
}

.iefloatfix {
	_height: 1%;
	/* hidden from all but ie */
}
.lileft {
	margin-left: 0px;
	padding-left: 90px;
}
.pdf1 {
	margin-top: 15px;
}
.topright {
	float: right;
	padding: 0px;
	line-height: 0.01;
	margin: 0px;
}
.right {
	padding: 12px;
	margin-left: 150px;
}
.topright a {
	display: block;
	float: left;
}
.needother {
	text-align: center;
	width: 220px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #C08E18;
	margin-right: auto;
	margin-left: auto;
	font-size: 12pt;
	font-weight: bold;
}
.needother img {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.specials h3 {
	color: #000000;
	font-size: 12pt;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #FFCC00;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
.specials p {
	padding: 0px 8px 8px;
	font-size: 9pt;
	margin: 8px 0px 0px;
}
.specials div.first {
	border: none;
	width: 174px;
	height: 160px;
}
.specials div.first img {
	float: right;
	width: 87px;
}
.specials {
	background-color: #2FCBFF;
	width: 182px;
	margin-right: 8px;
	border-top: 2px none #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px none #666666;
	margin-bottom: 20px;
	height: 160px;
	float: left;
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.specialsman {
	width: 174px;
	margin-right: 8px;
	padding-right: 4px;
	padding-left: 4px;
	color: #000000;
	margin-bottom: 20px;
	height: 160px;
	float: left;
	margin-left: 8px;
	border: none;
	text-align: center;
}
.specialsleft {
	float: left;
	width: 46px;
	text-align: center;
	padding-right: 4px;
	font-weight: bold;
	color: #333333;
}
.specialsright {
	margin-left: 50px;
}
.brunder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-bottom: 4px;
}
.floatright {
	float: right;
}
.boxleft {
	margin-right: 4px;
	margin-left: 4px;
	text-align: left;
	width: 140px;
	display: inline;
	float: left;
}
.boxcenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: "Times New Roman", Times, serif;
	color: #C08E18;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
}
.oldprice {
	font-size: 9pt;
	color: #FF0000;
	text-decoration: line-through;
}
.boxleft img {
	display: block;
}
.boxmore {
	text-align: center;
	margin-left: auto;
	font-family: "Times New Roman", Times, serif;
	color: #C08E18;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	margin-right: auto;
	margin-top: 30px;
}
.centerit {
	text-align: center;
}

.search {
	float: right;
	width: 260px;
	text-align: right;
}
.search input {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 10pt;
}
.search form {
	margin: 0px;
	padding: 0px;
}

.formtable {
	width: 500px;
	border: 1px solid #999999;
}
.formtable .text {
	background-color: #FFFFCC;
	border: 1px solid #999999;
	width: 250px;
}
.formlabel {
	text-align: right;
	width: 120px;
}
.formtable textarea {
	background-color: #FFFFCC;
	border: 1px solid #666666;
	width: 250px;
}
.formtable .submit {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.formtable select {
	width: 250px;
	background-color: #FFFFCC;
}
.opener {
	background-color: #FFFFCC;
	margin-bottom: 8px;
	border: 2px solid #FFD907;
	margin-right: 12px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-weight: bold;
}
.opener a {
}
.opener img {
	border: none;
}
.pagesection {
	
}

#translate {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#translate iframe {
	height: 550px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: none;
}

#flashmenu {
	height: 85px;
	width: 469px;
}
.toptriangle img {
	display: block;
}



#noticebox {
	position: absolute;
	visibility: visible;
	z-index: 90;
	width: 200px;
	left: 500px;
	top: 120px;
	background-color: #FFFBD9;
	padding: 8px;
	border: 6px solid #B54718;
	display: none;
}
#noticebox h3 {
	margin: 6px 0px 0px;
	padding: 0px;
	color: #E4591E;
	font-size: 12pt;
}
.catcher {
	margin: 6px 0px 0px;
	padding: 0px;
	color: #E4591E;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.sepline {
	color: #FFCC00;
	background-color: #FFCC00;
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}

.line {
	color: #FFCC00;
	background-color: #FFCC00;
	width: 100%;
	margin-bottom: 20px;
}


.rimg {

	float: right;
	margin-right: 0px;
	border: 1px solid #666666;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.new {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: bold;
	color: #E4591E;
	vertical-align: super;
	margin-top: -10px;
	position: relative;
}
.subspec {
	font-style: italic;
	color: #666666;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}
.headline1 {
	line-height: 150%;
	font-size: 12pt;
}
.list1 {
}
.list1 li {
	margin-bottom: 12px;
}
.new2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
}

a.addtocart img {
	border: none;
	vertical-align: middle;
	
}

.price img {
	vertical-align: middle;
}
.price {
	/* white-space: nowrap; */
	padding: 2px 6px 2px 0;
}








.menubar {
	
	height: 22px;
	text-align: center;
	overflow: auto;
	z-index:1;
	background-color: #ffcc00;
	background-image: url(assets/images/site/bg-menubar.png);
	background-repeat: repeat-x;
}


#shopmenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
	/* display: none; */
	
}
#shopmenu li {
	float: left;
}
#shopmenu li a {
	display: block;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bold;
	
	color: #444;
	padding: 0;
	background-image: url(assets/templates/default/menu-buttons.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	height: 22px;
}

li#sm_my a {
	width: 85px;
}
li#sm_cart a {
	width: 95px;
	background-position: -85px 0;
}
li#sm_contact a {
	width: 85px;
	background-position: -180px 0;
}
li#sm_my a:hover {
	background-position: 0 -25px;
}
li#sm_cart a:hover {
	background-position: -85px -25px;
}
li#sm_contact a:hover {
	background-position: -180px -25px;
}

#shopmenu img {
	border: none;
	margin-top: 0px;
}


#searchform {
	padding: 0;
	margin: 0;
	float: right;
	height: 21px;
	font-size: 12px;
	display: block;
	border-top: solid 1px black;
	overflow: hidden;
}
#searchform input {
}

#qsearch {
	height: 18px;
	border: solid 1px #71a0bb;
	margin: 0 0 0 4px;
	padding: 0;
	width: 125px;
	vertical-align: top;
}




/* VIDEO */

#movie-holder {
	display: none;
}

#video-block-opener {
	height: 105px;
	margin: 12px 0 12px 0;
	background-color: #047ebe;
	border-top: solid 2px #248fc6;
	width: 520px;
}

#video-block-opener a {
	display: block;
	float: left;
	padding: 0 12px 0 20px;
	margin-right: 20px;
	/* height: 25px; */
	text-decoration: none;
	color: white;
	font-weight: bold;
	outline: none;
}


#video-block {
	display: none;
	background-color: #009acc;
	padding: 8px;
	border: solid 1px #999;
}


#video-block-home {
  display: none;
  padding: 30px;
  background-color: black;
  border: solid 2px #333;
  
}

#video-block-home .close {
	background-image:url(store/images/crowder/close.png);
	position:absolute;
	right: 1px;
	top: 1px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 999999;
}


/* END VIDEO */






#nav #nav-store {
	width: 174px;
	margin-top: 30px;
}
#nav-store a, #nav-store h4 a  {
	color: black;
	font-size: 7pt;
}


.store .maincontent {
	float: left;
	width: 95%;
	background-color: white;
}

.store #headerWrapper {
	margin-top: 20px;
}
.store .footer {
	background-color: #333;
	padding-top: 20px;
}


/* SLIDESHOW */

#slideshow {
	margin-left: 20px;
	margin-top: 10px;
	float: right;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 217px;
	height: 243px;
	background-image: url(assets/images/slideshow/background.png);
	background-repeat: no-repeat;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width: 180px;
	height: 230px;
	margin: 7px 18px 6px 18px;
}
.items div p {
	margin-top: 0;
}

/* position and dimensions of the navigator */
.navi {
	margin-left: 20px;
	
	height: 16px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(store/images/crowder/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/* END SLIDESHOW */