/*
 * Doco-International
 * (c) 2010 Omines - www.omines.nl - All rights reserved
 *
 * 1. Global definitions
 * 1.1  Global elements
 * 2. Page layout
 * 3. Controls and selectors
 * 4. Main menu
 * 
 */
 
/* 1. Global definitions */
* {
	margin:0;
	padding:0;
}
body {
	border-top:5px solid #243883;
	color:#949aa1;
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin:0 0 10px 0;
}
h3	{ font-size:12.75pt; font-weight:bold; }
h4	{ font-size:11.50pt; font-weight:bold; }
h5	{ font-size:10.25pt; font-weight:bold; }
a img {
	border:0;
}
ul, ol {
	padding-left:30px;
}
a {
	color:inherit;
	text-decoration:none;
}
img.clear {
	clear:both;
	height:1px;
	width:100%;
}

/* 1.1 Global elements */
button, a.button {
	background:url('../images/button-background-orange.png') no-repeat;
	border:0;
	color:white;
	display:block;
	font-size:13px;
	height:45px;
	line-height:43px;
	margin:22px 0;	
	text-align:center;
	text-shadow:1px 1px 3px #654300;
	width:221px;
}
a.special.button {
	background:url('../images/button-background-yellow.png') no-repeat;
}

/* 2. Page layout */
#page {
	margin:0 auto;
	width:1000px;
}
#header {
}
#content {
}
#links {
	background:url(../images/links-background.png) top repeat-x;
	clear:both;
	border-top:20px solid transparent;
}
#links .sectionContent > hr {
	border:0;
	border-top:1px solid #E9EBF2;
	clear:both;
}
#footer {
	background:#58595B;
	clear:both;
	color:#b8c0ca;
	height:70px;
	line-height:70px;
	font-size:11px;
}
#links .clear,
#footer .clear {
	clear:both;
}
#links .sectionContent,
#footer .sectionContent {
	margin:0 auto;
	width:1000px;
}
#links .sectionContent {
	/*min-height:284px;*/
	padding:58px 0 20px;
}
#footer .sectionContent {
}

/* 3. Controls */
#controls {
	font-size:10px;
	height:41px;
}
#controls a:focus {
	outline:0;
}
#controls .widget {
	background:url('../images/control-widget-left.png') #243883 bottom left no-repeat;
	color:white;
	display:block;
	float:left;
	margin-left:36px;
	margin-right:36px;
	min-height:22px;
	position:relative;
}
#controls .login, #controls .widget.language {
	float:right;
}
#controls .login {
	display:none;
}
#controls .widget > a {
	background:url('../images/control-widget-right.png') #243883 bottom right no-repeat;
	color:white;
	display:block;
	margin-left:8px;
	padding:3px 2px 4px 0;
	width:100%;
	height:15px;	
}
#controls .innerwidget {
	background:url('../images/control-widget-right.png') #243883 bottom right no-repeat;
	display:block;
	height:22px;
	margin-left:8px;
	position:relative;
}
#controls .widget img.icon {
	position:absolute;
	left:-22px;
	top:4px;
}
#controls #widget-search {
	background:url(../images/search-bg.png) left bottom no-repeat;
	margin:0;
	height:26px;
	padding-left:8px;
	padding-right:0;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
}
#controls #widget-search fieldset {
	background:url(../images/search-bg.png) right bottom no-repeat;
	border:0;
	height:26px;
	padding-right:8px;
}
#controls #widget-search .icon {
	position:relative;
	float:right;
	left:0;
}
#widget-search #search-link {
	background:transparent;
	display:inline;
	float:left;
	margin:2px 2px 0 0;
	width:auto;
}
#widget-search .text {
	background:url(../images/search-box.png) repeat-x;
	border:0;
	color:#333333;
	float:left;
	height:16px;
	padding:2px 5px;
	width:137px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#controls #widget-search .submit {
	background:#243883 url(../images/search-button.png) no-repeat bottom;
	border:0;
	display:inline-block;
	float:left;
	height:18px;
	margin:0 0 0 3px;
	padding:0;
	width:16px;
}

.widget a#widget-cart {
	height: 22px;
	padding: 0;
	width:175px;
}
#widget-cart > span {
	background:url(../images/icons/cart.png) no-repeat 4px 50%;
	display:block;
	line-height: 15px;
	padding:3px 2px 4px 24px;
}
#widget-cart > span span {
	background: none repeat scroll 0 0 #E8EEF1;
	border: 1px solid #3A6C7E;
	border-radius: 3px 3px 3px 3px;
	color: #3A6C7E;
	display: inline-block;
	float: right;
	font-weight: bold;
	line-height: 15px;
	margin-right: 5px;
	padding: 0 4px;
	text-shadow: 0 1px 1px #FFFFFF;
}

#language-selected {
	background:url(../images/locale-selector-box.png) no-repeat;
	color:#333;
	display:block;
	font-size:10px;
	margin:0;
	padding:1px 0 1px 8px;
	height:18px;
	width:150px;
}
#controls .login {
	color:#243883;
	font-weight:bold;
	left:-24px;
	position:relative;
	top:3px;
}
#language-options {
	display:none;
}
.innerwidget:hover #language-options {
	background:white;
	border:#ccc 1px solid;
	border-bottom:1px solid #333;
	color:#333;
	box-shadow:2px 2px 10px #666;
	-moz-box-shadow:2px 2px 10px #666;
	-webkit-box-shadow:2px 2px 10px #666;
	display:block;
	left:2px;
	list-style:none;
	margin:1px 0 0;
	overflow:hidden;
	padding:1px;
	position:absolute;
	top:18px;
	width:142px;
	z-index:1000;
}
#language-options a {
	color:#333;
	display:block;
	padding:1px 2px;
	width:142px;
}
#language-options a:hover {
	background-color:#243883;
	color:white;
}
#login-section {
	float:right;
	margin:5px 10px;
}
	
/* 4. Main menu */
#menu {
	background:url('../images/menu-background.png') no-repeat top;
	clear:right;
	height:93px;
	margin:0 0 20px 0;
	position:relative;
}
#menu span {
	display:none;
}
#menu h2 {
	background:url('../images/menu-doco-logo.png') no-repeat;
	height:73px;
	position:absolute;
	left:391px;
	top:-5px;
	padding:0 17px 19px 17px;
	margin:0 -17px 0;
	width:218px;
	z-index:50;
}
#menu h2 a {
	display:block;
	height:73px;
	width:218px;
}
#menu ul.menu {
	padding:0;
	position:absolute;
	z-index:30;
}
#menu .menu.corporate {
	left:0;
}
#menu .menu.corporate li {
	margin-right:-1px;	
}
#menu .menu.commercial {
	right:0;
}
#menu .menu.commercial li {
	margin-left:-1px;	
}
#menu .menu > li {
	color:#949aa1;
	border:0;
	float:left;
	line-height:55px;
	list-style:none;
	position:relative;
	text-align:center;
	width:132px;
}
#menu li > a {
	color:#848a91;  /* #949aa1; */
	display:block;
	height:100%;
	width:100%;
}
#menu > .menu > li > a {
	font-weight:bold;
}
#menu .menu .panel {
	background:url('../images/menu-panel-hover.png') white no-repeat -1px -29px;
	border:1px solid #cfcfcf;
	border-top:0;
	display:none;
	font-size:85%;
	left:-1px;
	line-height:1.3em;
	margin:29px 0 0 1px;
	min-width:240px;
	opacity:0.96;
	padding:2.5em 2em 2em;
	position:absolute;
	text-align:left;
	top:26px;
	z-index:40;
}
#menu .panel a:hover {
	color:#333;
	text-decoration:underline;
}
#menu .menu.commercial .panel {
	background:url('../images/menu-panel-hover-flip.png') white no-repeat right -29px;
	left:auto;
	right:0;
	margin-left:-1px;
}
#menu .menu.commercial .first .panel {
	background:url('../images/menu-panel-hover.png') white no-repeat -1px -29px;
	left:-1px;
	margin-left:1px;
	
}
#menu .menu > li.haschild:hover {
	background:url('../images/menu-panel-hover.png') no-repeat bottom left; 
}
#menu .menu > li:hover .panel {
	display:block;
}
#menu .menu > li > a:hover {
	background:url('../images/menu-item-hover.png') no-repeat center;
	color:#747a81;
}
#menu h3 {
	background:url('../images/menu-doco-tagline.png') no-repeat;
	clear:both;
	height:20px;
	left:50%;
	margin:0 -142px;
	position:relative;
	top:80px;
	width:285px;
}

/* 5. Title, crumbtrail and regular content */
#title {
	background:url('../images/example-title-chainhoists.jpg') no-repeat;
	height:69px;
	margin:16px 0;
	width:1000px;	
}
#title h1 {
	background:url('../images/gradient-purple-horizontal.png') repeat-y;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	height:100%;
	line-height:69px;
}
#title a {
	background:url('../images/pagetitle-overlay.png') no-repeat;
	color:white;
	display:block;
	font-size: 17px;
	height:100%;
	line-height:69px;
	margin-right:0;
	padding-left:28px;
	width:100%;
}
#crumbtrail {
	background:url('../images/control-home.png') 11px 2px no-repeat;
	color:#8b8b8b; /* #5d4268; */
	font-size:10px;
	font-weight:bold;
	margin:16px 0;
	padding-left:28px;
}
#crumbtrail a {
	color:#8b8b8b;
	margin:0 0.5em;
}
#crumbtrail a:hover {
	text-decoration:underline;
}
.static h1, .news h1 {
	background:url('../images/gradient-yellow-horizontal.png') repeat-y !important;
}
#content .content {
	border-top:1px dashed #d0d0d0;
	min-height:320px;
	padding-top:24px;
}
.content.static {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.25pt;
	line-height:1.5em;
	letter-spacing:1px;
}
.content.faq, .content.news, content.static {
	text-align:justify;
}
.content > .leaderimage {
	float:right;
	margin-left:2em;
}
.office > .leaderimage {
	float:left;
	margin-right:2em;
	margin-left:0;
}
.content .details {
	clear:both;
}
.content.news .details, .content.static .details {
	clear:both;
	padding-top:16px;
	margin:0 15%;
}
.content.faq .details {
	clear:both;
	padding-top:16px;
	margin:0 7.5%;
}
.content.news h4, .content.static h4 {
	font-size:13.5pt;
	line-height:2em;
	font-weight:normal;
}
.content.news h6, .content.static h6 {
	font-size:9pt;
	line-height:2em;
	font-weight:normal;
}
.content .description {
	margin-bottom: 1em;
}

/* 6. Billboard */
.billboard {
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:298px;
	margin:32px 0;
	overflow:hidden;
	position:relative;
}
.billboard h2 {
	font-size:17px;
}
.billboard h6 {
	font-size:11px;
}
.billboard .sheet {
	position:absolute;
	width:1000px;
	z-index:1;
}
.billboard .sheetcontent {
	position:absolute;
}
.billboard .sheethover {
	background:#e5f2fa;
	color:#333;
	min-height:120px;
	max-height:200px;
	line-height:20px;
	opacity:0.85;
	overflow:auto;
	padding:20px 28px;
	position:absolute;
	top:30px;
	width:320px;
	z-index:3;
}
.billboard .sheethover.left {
	left:30px;
}
.billboard .sheethover.right {
	right:30px;
}
.billboard .controls {
	background:url('../images/billboard-overlay.png');
	height:298px;
	position:absolute;
	width:1000px;
	z-index:3;
}
#billboard-more {
	bottom:0;
	position:absolute;
	left:40px;
}
.billboard .pager {
	bottom:0;
	position:absolute;
	right:40px;	
}
#billboard-more,
.billboard .pager a {
	background-color:white;
	border:1px solid #666;
	border-bottom:0;
	color:#333;
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin:0 2px;
	padding:2px 6px 3px 6px;
	opacity:0.5;
}
#billboard-more,
.billboard .pager a.active {
	opacity:0.85;
}
#billboard-more:hover,
.billboard .pager a:hover {
	opacity:1;
}

/* 7. Special content  */
.map {
	position:relative;
}
.map > a {
	position:absolute;
}
.map > a > span {
	display:none;
}
.map.small, .map.medium {
	background:url('../images/map-europe-small.png') white no-repeat;
	height:378px;
	width:450px;
	margin-bottom:1em;
}
.map.medium {
	background-image:url(../images/map-europe-medium.png);
}
.map.medium a, .map.small a {
	background:url('../images/place-marker-small.png') no-repeat;
	height:15px;
	width:15px;
}
/*#posMap, #posRegions { clear:both; }*/
#posMap {
	float:left;
	margin:0 30px 1em 10%;
}
.regions.pos {
	float:left;
	margin:0 0 1em;
	padding-left:15px;
}
h6.pos {
	float:left;
	margin:0 0 1em;
	width:400px;
}

/* 8. Promotionals */
.promo {
	background:url('../images/promotional-foldout.png') no-repeat bottom;
	color:#9ea0a9;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	min-height:150px;
	width:488px;
}
.promo.second {
	margin-left:24px;
}
.promo h3 {
	color:#616465;
}
.promocontent {
	background:url('../images/promotional-background.jpg') no-repeat top;
	color:#666666;
	min-height:142px;
	padding:24px;
}
.promocontent .promotext {
	min-height:60px;
}
.promo .button {
	font-weight:bold;
}

.promo .news {
	clear:both;
	list-style:outside url(../images/bullet_black.png);
	padding-left:20px;
}
.promo .news li {
	border-bottom:1px solid #efefef;
	line-height:24px;
}
.promo .news li:last-child {
	border-bottom:0;
}
.promo .news a {
	font-size:12px;
	line-height:24px;
	margin-right:10px;
}
.promo .news a:hover {
	text-decoration:underline;
}
.promo .news .unread .readMore,
.promo .news .readMore {
	color:#5D7D9E;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin-right:0;
}
.promo .news .unread {
	list-style-image:url(../images/bullet_blue.png);
}
.promo .news .unread a {
	font-weight:bold;
}

/* 9. Updates section */

/* 10. Links section */
#links .section {
	float:left;
	margin:0 1%;
	min-width:18%;
	max-width:23%;
	overflow:hidden;
	/*position:relative;*/
}
#links .categories .section {
	min-width:23%;
}
#links h4 {
	color:#33383e;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:20px;
	font-weight:normal;
}
#links ul {
	list-style:none;
	padding:0;
	margin:0;
}
#links ul.continued {
	margin-top:34px;
}
#links a {
	color:#8f9397;
	display:inline-block;
	font-size:10pt;
	line-height:1.5em;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-moz-binding:url('bindings.xml#ellipsis');
	white-space:nowrap;
}
#links a:hover, #links a:focus {
	text-decoration:underline;
}

/* 11. Footer */
#footer a:hover {
	color:inherit;
	text-decoration:underline;
}

/* 12. News list */
.newslist > li {
	clear:left;
	line-height:1.4em;
	list-style-type:none;
}
.newslist .publishdate {
	color:#B3B9BF;
	display:block;
	float:left;
	font-size:11px;
	line-height:1.4em;
	margin:2px 10px 0 0;
	text-align:right;
	width:180px;
}

/* 13. Contact form */
#newsletter					{ float:right; width:240px; }
#newsletter dt 				{ margin-bottom:5px; }
#newsletter dd				{ margin-bottom:5px; padding-left:5px; }
#newsletter .submit			{ border:0; margin-top:10px; text-align:center; }
#newsletter .submit input	{ color:#666666; margin-top:.3em; padding:.2em; }
#newsletter .text			{ padding:1px 0; width:220px; }
#newsletter label input 	{ margin-right:5px;}
#newsletterVerify			{ }
#newsletterVerify img		{ border:1px solid #000; float:left; margin-right:3px; }
#newsletterVerify input		{ height:30px; padding:0 5px; width:145px; }
#newsletterVerify div		{ margin-top:5px; }
#newsletter .signupList {
	column-count:2;
	column-gap:5px;
	-moz-column-count:2;
	-moz-column-gap:5px;
	-webkit-column-count:2;
	-webkit-column-gap:5px;
}

#contact {
	border-right:1px dashed #D0D0D0;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	width:730px;
}
#contact input, #contact textarea {
	color:inherit;
}
#contact > .errors {
	color:red;
	margin-left:16.8%;
}
#contact > p {
	margin-bottom:.2em;
}
#contact > dl {
	
}
#contact > dl > dt, #contact > dl > dd {
	float:left;
	line-height:1.5em;
	margin:2px 0;
}
#contact > dl > dt {
	padding:1px 0;
	text-align:right;
	width:20%;
}
#contact > dl > dd {
	padding:1px 0.5%;
	width:29%;
}
#contact .text {
	padding:1px 0;
	width:98%;
}
#contact .wide {
	width:79%;
}
#contact .wide > textarea {
	font:inherit;
	height:120px;
	padding:3px .75%;
	width:98%;
}
#contact-options > label {
	cursor:pointer;
	display:block;
	line-height:1.5em;
	margin:.2em 0;
}
#contact-options > label > input {
	float:left;
	margin:1px .5em 0 0;
}
#contact-options > input {
	color:#666666;
	margin-top:.3em;
	padding:.2em;
}

/* 14.	Employee lists */
.employees + hr {
	border:1px solid white;
	border-width:1px 0 0;
	clear:left;
	margin:0 0 1.5em;
}
.employee {
	float:left;
	list-style-type:none;
	padding:.3em 1.5%;
	text-align:center;
	width:30%;
}
.employee > img {
	float:left;
	margin:0 1em .3em 0;
}
.employee > h4,
.employee > h6,
.employee > p {
	margin:0 auto .3em;
	text-align:left;
}
.employee > h6 {
	font-size:13px;
}
.employee > address {
	clear:left;
	display:block;
	font-style:normal;
	padding:0 0 0 10px;
	text-align:left;
}

/* 15.	Shop */

/** Shop **/
#shop-login {
}
#login-form {
	float:left;
	margin-right: 10px;
	padding: 0 10px;
	width: 380px;
}
#login-form .text {
	letter-spacing: 1px;
	padding: 4px 6px;
	width: 300px;
}
.shopInfo {
	background: #F7F7F9;
	border: 1px solid #E9EBF2;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
}
#shop-login .shopInfo {
	float:right;
	margin-bottom: 10px;
	width:500px;
}
.shopInfo h3 {
	margin-bottom: 5px;
}
.shopInfo .shopMessage {
	background: transparent 0 2px no-repeat;
}
.shopInfo.icon .shopMessage {
	min-height: 50px;
	padding-left: 56px;
}
#new-account {
	margin-top: 10px;
}
#lost-password .shopMessage,
#new-account .shopMessage {
	background-image: url(../images/shop/help-large.png);
}

#shop-login-processing {
	padding: 40px 40px 0;
}
#processing-box {
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
	width:300px;
	text-align: center;
}
#shop-login-processing-image {
	margin: 20px 0;
}
#processing-box div {
	text-align: left;
}
#processing-failure, #processing-success { display:none; }


.shopNotice {
	background: #E8EEF1 url(../images/icons/error.png) 5px 50% no-repeat;
	border: 1px solid #3A6C7E;
	border-radius: 8px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	color: #333;
	margin: 0.5em 0;
	padding: 7px 10px 7px 30px;
}
.shopNotice.info {
	background-image:url(../images/icons/info.png);
}
.shopNotice.success {
	background-color: #EBF8A4;
	background-image:url(../images/icons/tick.png);
	border-color: #A2D246;
}
.shopNotice.warning {
}
.shopNotice.error {
	background-color: #FFCFD1;
	border-color: #800000;
}
#shopCacheMessage {
	margin: -.5em 0 1em;
}
.shopNotice p {
	margin: 5px 0;
}

#shop-navigation {

}
#shop-navigation-cart {

}
#shop-navigation-cart span {
	background: #E8EEF1;
	border: 1px solid #3A6C7E;
	border-radius: 3px;
	color:#3A6C7E;
	display: inline-block;
	float: right;
	font-weight: bold;
	line-height: 18px;
	padding: 0 4px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.column {

}
.column.main {
	float:left;
	width:730px;
}
.column.side {
	float:left;
	margin-right: 15px;
	width:250px;
}

.side dt {
	font-weight: bold;
}
.side dd {
	padding-left: 15px;
}

.list.fullWidth {
	width:100%;
}
.list.cart {
	border-spacing: 0;
}
.list.cart th,
.list.cart tbody td {
	border-bottom: 1px solid #E9EBF2;
	padding: 1px 3px;
}
.list.cart tbody td {
	border-left: 1px dotted #eee;
	line-height: 24px;
}
.list.cart tr td:first-child {
	border-left: 0;
}
.list tfoot .subtotals {
	text-align: right;
}
.list.cart tfoot td {
	padding: 5px 3px 1px;
}
.cart .options,
.cart .quantity {
	text-align: center;
}
.cart th.productCode,
.cart th.productName {
	text-align: left;
}
.cart .productCode,
.cart .price {
	width:90px;
}
.cart .quantity {
	width:70px;
}
.cart .quantity input {
	padding:1px 3px;
	text-align: right;
	width:60px;
}
.cart .price {
	text-align: right;
}
.orderLink {
	margin:.5em 0;
	text-align: right;
}

#confirm-order {
	padding-top:.5em;
}
#shop fieldset.panel {
	border: 1px solid #E9EBF2;
	border-radius: 5px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	margin: .5em 5px .5em 0;
	padding: 5px;
}
#confirm-order .panel.half {
	float: left;
	width: 345px;
}
#confirm-order .panel legend {
	padding: 0 5px;
}

.addressSelector label {
	border:1px solid #EFEFEF;
	border-radius:5px;
	cursor:pointer;
	display:block;
	float:left;
	font-size:10pt;
	margin:5px 0 0;
	width:343px;
}
.addressSelector .address.first {
	margin-top:0;
}
.addressSelector address {
	background:#FDFDFD url(../images/shop/tfoot-bg.png) -50% 0 repeat-x;
	border:1px solid #FFFFFF;
	border-radius:5px;
	font-size: 90%;
	font-style: normal;
	padding:5px 5px 5px 26px;
}
.addressSelector .active {
	border-color:#A2D246;
}
.addressSelector .active address {
	background-color: #EBF8A4;
	color:#000;
}
.addressSelector input {
	float:left;
	margin:10px 0 0 5px;
}

/* 16.	FAQ */
.list.question {
	list-style-type:none;
	margin:0 0 2em;
}
.list.question > li {
	margin-bottom:1em;
}
.list.question > li > a {
	background:url(../images/help.png) no-repeat 2px 2px;
	display:block;
	font-weight:bold;
	line-height:20px;
	padding-left:24px;
}
.list.question > li > .answer {
	display:none;
	overflow-y:hidden;
	padding:0 0 0 24px;
}
.list.question > li > .answer.opened {
	display:block;
}

/* 16.	Spring Calculator */
#iframe-springcalc {
	border:0;
	margin:0;
	width:100%;
	height:500px;
}

/* 17.	Subproducts */
.list.subproducts {
	clear:both;
	border-collapse:collapse;
}
.list.subproducts th, .list.subproducts td {
	border-bottom:1px solid #dfdfdf;
	padding:0 10px;
}
.list.subproducts td p:last-child {
	margin:0;
}
.list .addCart {
}
#add-cart-container .submit,
#add-cart-container .reset,
.actionButton,
.addCart.button {
	background: #D9D9D9 7px 50% no-repeat;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	height: auto;
	line-height: inherit;
	padding: 2px 7px;
	text-shadow: 1px 1px 3px #919191;
	width: auto;
}
#add-cart-container .submit,
.actionButton.checkout,
.actionButton.putCart,
.addCart.button {
	background-color: #FCAE2F;
	background-image: url(../images/icons/cart-put.png);
	border-color: #F8A115;
	font-weight: bold;
	padding-left: 28px;
	text-shadow: 1px 1px 3px #654300;
}
.addCart.hidden {
	display:none;
}
#add-cart-container .reset {
}
.actionButton.checkout {
	background-image: url(../images/icons/cart-go.png);
}
.actionButton.refresh {
	background-image: url(../images/icons/refresh.png);
	padding-left: 28px;
}
.addCart img {
	float:left;
	margin-right: 5px;
	height:16px;
	width:16px;
}

.ui-dialogue-overlay {
	background: #000000;
	left:0;
	opacity: .5;
	position: absolute;
	top:0;
	width:100%;
	z-index: 99;
}
.ui-dialogue {
	background: #5E5E5E;
    border-radius: 6px;
	display: none;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);
	padding: 10px;
	position: absolute;
	z-index: 100;
}
.ui-dialogue {
	background-color: rgba(0, 0, 0, 0.63);
}
.ui-dialogue.show {
	display: block;
	opacity: 1;
}
.ui-dialogue h3 {
	color:#666;
	text-shadow: 1px 1px 3px #919191;
}
.ui-dialogue-content {
	background: #FFF;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 10px;
}
.ui-dialogue-footer {
	clear:both;
	padding-top:5px;
	text-align: center;
}
.ui-dialogue-button {
	background: #D9D9D9;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	color: #FFF;
	display: inline-block;
	height: auto;
	line-height: inherit;
	margin: 0 5px;
	padding: 2px 7px;
	text-shadow: 1px 1px 3px #919191;
	width: auto;
}
.ui-dialogue-confirm {
	background: #FCAE2F;
	border: 1px solid #F8A115;
	font-weight: bold;
}

#add-cart-container form {
	background: #FFF;
	padding: 10px;
	width: 500px;
}
#add-cart-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#add-cart-container li {
	border-top: 1px solid #D9D9D9;
	margin: 0;
	padding: 3px 6px 3px 170px;
}
#add-cart-container label {
	float: left;
	margin-left: -165px;
}
#add-cart-container input[type="text"] {
	padding: 2px 4px;
	width:250px;
}
#add-cart-container .readOnly {
	border: 0 none;
	cursor: default;
}
#add-cart-container li.buttons {
	padding-left: 6px;
	text-align: center;
}
#add-cart-container .submit,
#add-cart-container .reset {
}

/* 18.	Search */
#fullsearch {
	margin:0 auto;
	width:60%;
}
#fullsearch .text {
	font-size:14px;
	letter-spacing:1px;
	padding:4px 5px;
	width:75%;
}
#fullsearch .submit {
	float:right;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:-1px;
	padding:4px 5px 3px;
	width:20%;
}
.search-count {
	
}
.search .noResult,
.search .productFound {
	background: #E8EEF1;
	border: 1px solid #3A6C7E;
	border-radius: 5px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	margin-bottom: 1em;
	padding: 5px 5px 5px 25px;
}
.search .productFound {
	background:#FFFEF5;
	border-color:#E9B311;
	height:92px;
	padding:5px;
}
.productFound img {
	float:left;
	margin-right: 10px;
}
.productFound p {
	margin:0 0 5px;
}
.productFound a {
	font-size:110%;
	font-weight: bold;
}
.search .noResult {
	background: #E8EEF1 url(../images/icons/info.png) 5px 50% no-repeat;
}
.noResult p {
	margin: 0;
}

.search-paging {
	border:2px solid #EFEFEF;
	clear:both;
	height:20px;
	margin:0;
	padding:0;
	position:relative;
}
.search-paging ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.search-paging li {
	border-right:1px solid #EFEFEF;
	float:left;
	line-height:20px;
}
.search-paging .search-prev, .search-paging .search-next {
	border:2px solid #EFEFEF;
	position:absolute;
	top:-2px;
}
.search-paging .search-prev {
	border-right:0;
	left:-139px;
	padding:0 3px;
	width:130px;
}
.search-paging .search-next {
	border-left:0;
	text-align:right;
	padding:0 3px;
	right:-137px;
	width:130px;
}
.search-paging .search-prev a, .search-paging .search-next a {
	padding:0;
	width:inherit;
}
.search-paging .pseudolink {
	background:#FFFFFF;
	color:#C8C8C8;
}
.search-paging a {
	background:#FFFFFF;
	display:inline-block;
	font-weight:bold;
	padding:0px 8px;
}
.search-paging .active {
	background:#E9EBF2;
}
.search-results {
	clear:both;
	list-style-type:none;
	padding:10px 0;
	text-align:left;
}
.search-results li {
	padding:0;
	margin-bottom:1em;
}
.search-results .even {
	background:#f5f5f5;
}
.search-results h5 {
	padding:10px 10px 0;
}
.search-results .result-desc {
	padding:0 10px 10px;
}
.result-desc ul {
	margin:0;
}
.result-desc li {
	margin-bottom:5px;
}
.search-results .result-info {
	border:1px solid #DEDEDE;
	border-width:1px 0;
	letter-spacing:0;
	padding:0 5px;
}

.search-results .mak_1	{ font-weight:bold; }
.search-results .mak_2	{ background:#66FFFF; }
.search-results .mak_3	{ background:#FFFF00; }
.search-results .mak_4	{ background:#99FF00; }



.about .content.blocklist,
.support .content.blocklist {
	padding:24px 150px 0 150px;
}
.content .blocklist {
	list-style-type:none;
	padding:0;
}
.categories .blocklist {
	padding:0 0 0 32px;
}
.blocklist > li {
	border:1px solid #ecedef;
	float:left;
	margin:0 15px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.blocklist > li > a {
	background:#fdfdfd url(../images/blocklist-bg.png) top repeat-x;
	border:1px solid #fdfdfd;
	display:block;
	line-height:20px;
	min-height:40px;
	padding:20px 10px;
	text-align:center;
	vertical-align:middle;
	width:178px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.categories .blocklist a {
	padding:10px;
}
.blocklist a:hover { border-color:#64317A; }
.blocklist a:hover { border-color:rgba(100, 49, 122, .5); }
.static .blocklist a:hover { border-color:#E8B20F; }
.static .blocklist a:hover { border-color:rgba(232, 178, 15, .5); }

#lb-overlay {
	background:#000000;
	cursor:pointer;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}
#lb-container {
	background:#FFFFFF;
	padding:25px;
	position:absolute;
	z-index:20;
	top:25%;
}
#lb-close {
	cursor:pointer;
	position:relative;
	top:0;
	right:0;
}
#lb-container h4 {
	margin-bottom:0;
	text-align:center;
}



.productCategoryItem {
	background:url(../images/category-product-background.png) no-repeat;
	display:block;
	float:left;
	height:140px;
	margin:0 25px 20px 0;
	overflow:hidden;
	padding:10px 0;
	text-align:center;
	text-overflow:ellipsis;
	text-shadow: 1px 1px 0 #EDEDED;
	width:180px;
}
.productCategoryItem span {
	display:block;
}
.productCategoryItem .name {
	line-height: 18px;
	margin-bottom: 5px;
}
.productCategoryItem .code {
	font-size: 85%;
	line-height: 14px;
}