/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #605f5f;
}

body {
    font-size: 1em;
	font-size:12px;
    line-height: 1.4;
	color:#605f5f;
	font-family:Arial, Helvetica, sans-serif;
	background:#bcbcbc url(/assets/images/bg-content-halopattern.jpg) repeat-x center 155px;
}

html, body {
	margin:0;
	padding:0;
}
@font-face {
	font-family: 'HelveticaNeueLTStd-BdCn';
	src: url('helveticaneueltstdbdcn.eot');
	/*
	src: url('helveticaneueltstdbdcn.eot?#iefix') format('embedded-opentype'),
		 url('helveticaneueltstdbdcn.woff') format('woff'),
		 url('helveticaneueltstdbdcn.ttf') format('truetype'),
		 url('helveticaneueltstdbdcn.svg#helveticaneueltstdbdcn') format('svg');
	*/
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4 {}

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

/* unvisited link */
a:link {
    color: #0000EE;
}

/* visited link */
a:visited {
    color: #551A8B;
}


ul, ol {
	margin:0;
	padding:0;
	list-style:none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
	
/* ### Layout ### */
#wrapper {
}
#headerWrap, #contentWrap, #footerWrap {
	margin:0 auto;
	padding:0;
}
#headerWrap {
	height:155px;
	background:url(/assets/images/bg-header-pattern.png) repeat-x center top;
}
#contentWrap {
	overflow:hidden;
	padding:20px 0 10px;
}
#footerWrap {
	margin:30px 0 0;
	padding:30px 0;
	border-top:1px solid #e1e1e1;
}
#header, #content, #footer {
	margin:0 auto;
	padding:0;
	width:1280px;
	position:relative;
}
	
/* ### Header ### */

/* Logo */
#logo{
	float:left;
	margin:27px 0 0;
}

.langs {
	float: right;
}
.langs a {
	color: white;
}

/* Searchbox */
#searchBox{
	float:right;
	margin:44px 0 0;
	position:relative;
}
#searchBox input[type="text"]{
	border:0 none;
	background:#fff;
	padding:5px 30px 5px 12px;
	line-height:100%;
	font-size:12px;
	color:#555;
}
#searchBox input[type="text"]:focus{
}
#searchBox input[type="submit"]{
	position:absolute;
	top:4px;
	right:0;
	border:0 none;
	width:30px;
	height:16px;
	border-left:1px solid #b6b6b6;
	line-height:0;
	font-size:0;
	text-indent:-999em;
	background:url(/assets/images/icon-search.png) no-repeat center center;
}

/* Main menu */
#mainMenu{
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	top:116px;
	left:0;
}
#mainMenu li{
	border-right:1px solid #0d7a37;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:39px;
	line-height:39px;
	margin:0 0 0 -3px;
}
#mainMenu li:first-child{
	border-left:1px solid #0d7a37;
	margin-left:0;
}
#mainMenu a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.02em;
	display:block;
	padding:0 30px;
}
#mainMenu a.active{
	padding-bottom:5px;
	background:url(/assets/images/bg-active-menuitem.png) no-repeat center top;
}

/*added for dropdown menu */
#mainMenu ul li ul {display: none;}
#mainMenu ul li:hover ul {display:block; position:absolute; top:39px;}

/* ### Content ### */

.contentBlock {
	background:#fff;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:18px auto;
	position:relative;
	padding:20px;
	behavior: url(/PIE.php);
}
.contentBlock.noPad {
	padding:0;
}

/* Home page */
.introBlock {
	overflow:hidden;
}
.bigSlider {
	position:relative;
	height:370px;
	margin:0 0 20px;
	overflow:hidden;
}
.bigSlider .bottomArc{
	position:absolute;
	bottom:0;
	width:100%;
	height:44px;
	background:url(/assets/images/bg-slider-bottom-arc.png) no-repeat center bottom;
}
.bigSlider .slides li {
	overflow:hidden;
	position:relative;
	display:none;
}
.bigSlider .slides img {
}
.bigSlider .slideText {
	position:absolute;
	top:60px;
	left:50px;
	color:#fff;
	text-shadow: 2px 2px 0px #000000;
	width:450px;
}
.bigSlider .slideText h2 {
	text-transform:uppercase;
	font-size:38px;
	letter-spacing:-0.025em;
	margin:20px 0;
	font-weight:normal;
	line-height:100%;
	padding:0 0 20px;
	border-bottom:4px solid #efbf00;
}
.bigSlider .slideText p {
	font-size:14px;
	line-height:150%;
	margin:0;
}
.bigSlider .slides .readMore {
	position:absolute;
	right:0;
	top:55%;
	background:#efbf00;
	padding:10px 40px 10px 20px;
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	behavior: url(PIE.php);
}
.bigSlider .flex-control-nav {
	position:absolute;
	left:50px;
	bottom:60px;
}
.bigSlider .flex-control-nav li {
	margin:0 3px;
	float:left;
}
.bigSlider .flex-control-nav a {
	display:block;
	line-height:0;
	font-size:0;
	text-indent:-999em;
	width:16px;
	height:16px;
	cursor:pointer;
	background:url(/assets/images/slider-icons.png) no-repeat 5px -25px;
}
.bigSlider .flex-control-nav a.flex-active {
	background-position:5px 5px;
}

/* News block under slider */
.newsWidget {
	position:relative;
	overflow:hidden;
}
.smlNewsBlock {
	float:left;
	width:260px;
	padding:10px 50px 15px 10px;
	margin:0 0 10px;
	background:url(/assets/images/icon-double-arrows.png) no-repeat 295px 10px;
	border-left:1px solid #eeeeee;
}
.smlNewsBlock:first-child {
	border-left:0 none;
}
.smlNewsBlock img {
	float:left;
  height:163px;
  width:280px;

}
.smlNewsBlock a:hover {
	text-decoration:none;
}
.smlNewsBlock h3 {
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	margin:0 90px 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.smlNewsBlock p {
	font-size:11px;
	color:#888;
	margin:0 90px 0 0;
	overflow: hidden;
	height:50px;
	line-height:150%;
	text-overflow: ellipsis;
}
/* Home page small slider */
.smlSlider {
	position:relative;
	overflow:hidden;
	width:475px;
	height:188px;
	margin:0 40px 0 0;
	float:left;
}
.smlSlider li {
	position:relative;
}
.smlSlider .slideText {
	position:absolute;
	padding:20px;
	left:0;
	max-width:230px;
	bottom:20px;
	background:url(/assets/images/bg-white-60.png) repeat 0 0;
}
.smlSlider .slideText a {
	color:#fff;
}
.smlSlider .slideText a:hover {
	text-decoration:none;
}
.smlSlider .slideText h3 {
	font-size:21px;
	border-bottom:4px solid #efbf00;
	text-transform:uppercase;
	margin:0 0 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.smlSlider .slideText p {
	font-size:11px;
	margin:0;
	color:#bbb;
	overflow: hidden;
	height:28px;
	text-overflow: ellipsis;
}
.flex-direction-nav {
	position:absolute;
	right:20px;
	bottom:20px;
}
.smlSlider .flex-direction-nav li {
	float:left;
	margin:0 2px;
}
.smlSlider .flex-direction-nav a {
	display:block;
	line-height:0;
	font-size:0;
	text-indent:-999em;
	width:20px;
	height:15px;
	cursor:pointer;
	background:url(/assets/images/slider-icons.png) no-repeat 0 -60px;
}
.smlSlider .flex-direction-nav a.flex-prev {
	background-position:0 -60px;
}
.smlSlider .flex-direction-nav a.flex-next {
	background-position:0 -90px;
}
.smlSlider .flex-direction-nav a.flex-prev:hover {
	background-position:0 -150px;
}
.smlSlider .flex-direction-nav a.flex-next:hover {
	background-position:0 -120px;
}

.excerptText{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:460px;
	height:188px;
	overflow: auto;
}
.excerptText h2{
	font-size:18px;
	color:#222;
	margin:30px 0 10px;
}
.excerptText p{
	font-size:12px;
	color:#605f5f;
	margin:10px 0;
}

/* Partners list */
.partners {
	text-align:center;
	padding:15px 20px;
}
.partners li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 11px;
	vertical-align:middle;
}

.partner li img {
	width: 91px;
}

/* Default content page */
.contentHeader{
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior: url(PIE.php);
	margin:-20px 0 0 -20px;
	overflow:hidden;
	width:1280px;
}
.contentHeader h1{
	position:absolute;
	left:50px;
	top:50px;
	margin:0;
	font-size:36px;
	font-weight:normal;
	font-family: 'HelveticaNeueLTStd-BdCn', Helvetica, Verdana, Arial, sans-serif;
	color:#fff;
}
.innerBlock {
	margin:50px 0 0;
	padding:0 30px;
}
.innerBlock h2{
	margin:20px 0;
	font-size:22px;
	color:#005621;
}
.innerBlock h3{
	margin:20px 0 10px;
	font-size:18px;
	color:#222;
}
.innerBlock h3+p{
	margin-top:0;
}
.innerBlock p{
	margin:10px 0;
	font-size:14px;
	line-height:150%;
}
.innerBlock ul{
	list-style-type:disc;
	list-style-position:inside;
}
.innerBlock li {
	margin:7px 0;
}

.innerBlock.overview ul {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:250px;
	margin:0 40px;
}

/* Materials */
.materialBlock {
	margin:30px 10px;
}
.materialBlock .imageArea {
	width:490px;
	padding:10px 20px;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 40px 0 0;
	background:#dcdcdc;
	position:relative;
}
.materialBlock .imageArea a {
	display:block;
}

.material-image {
	position: relative;
}

.material-image img {
	max-width: 640px;
	max-height: 640px;
}

.material-image {
	cursor: pointer;
}

.material-image span {
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin:-27px 0 0 -32px;
	width:64px;
	height:54px;
	background:url(/assets/images/icon-zoom.png) no-repeat center center;
}

.material-image:hover span {
	display:block;
}
.actions {
	width:390px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.actions a {
	font-size:21px;
	color:#008131;
	line-height:30px;
	margin:10px 0;
	text-decoration:underline;
	vertical-align:middle;
}
.actions a:hover {
	color:#a6d3b7;
}
.actions a span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:30px;
	height:30px;
	margin:0 8px 0 0;
}
.actions a.download span {
	background:url(/assets/images/icon-pdf.png) no-repeat center center;
}
.actions a.attached span {
	background:url(/assets/images/icon-attachment.png) no-repeat center center;
}
.items {}
.items .itemsList {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:500px;
}
.items .thumbs {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:400px;
	margin:0 0 0 30px;
}
.items .thumbs img {
	margin:20px 0;
}
.pager {
	margin:20px 0 0;
}
.pager a {
	font-size:18px;
	color:#b3b3b3;
	margin:0 5px;
}
.pager a.flex-active {
	text-decoration:underline;
	color:#008131;
}

/* Tires */
.tires {
	padding:0 15px;
}
.tiresRow {
	border-top:1px solid #eee;
	padding:15px 0;
}
.tiresRow:first-child {
	border-top:0 none;
}
.tiresRow .tiresGroup {
	border-left:1px solid #eee;
	padding:0 10px;
	width:300px;
	float:left;
}
.tiresRow .tiresGroup:first-child {
	border-left:0 none;
	padding-left:0;
}
.tiresRow .tiresGroup h3 {
	position:relative;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#036;
	padding:0 91px 5px 0;
	border-bottom:1px solid #c2c7c9;
}
.tiresRow .tiresGroup h3 span {
	background:#fff;
	position:absolute;
	right:0;
	width:75px;
	padding:3px 0 3px 16px;
	margin:-15px 0 0 0;
}
.tiresRow .tiresGroup h3 span img{
	max-width:100%;
	height:auto;
}
.tiresRow .tiresGroup ul {
	list-style:none;
	margin:25px 0 5px;
	overflow:hidden;
}
.tiresRow .tiresGroup li {
	float:left;
	width:49%;
	margin:0 1% 5px 0;
	color:#666;
}
.tiresRow .tiresGroup li a {
	color:#666;
}

/* Tabs */
.tabWrap {
}
.tabWrap .tabs {
	background:#fff url(/assets/images/bg-tabs-header.png) repeat-x center bottom;
	padding:20px 20px 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior: url(PIE.php);
}
.tabWrap .tabs li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left:10px;
	vertical-align:middle;
	text-align:center;
}
.tabWrap .tabs li a {
	display:block;
	color:#5e5e5e;
	font-size:11px;
	height:39px;
	/*width:170px;*/
	line-height:39px;
	letter-spacing:0.03em;
	margin:0;
	padding:0 10px 0 0;
	background:url(/assets/images/bg-tabs.png) no-repeat 100% -50px;
}
.tabWrap .tabs a:hover {
	text-decoration:none;
}
.tabWrap .tabs li a span {
	display:block;
	float:left;
	margin-left:-10px;
	width:10px;
	height:39px;
	background:url(/assets/images/bg-tabs.png) no-repeat 0 0;
}
.tabWrap .tabs .activeTab a {
	color:#5e5e5e;
	background:url(/assets/images/bg-tabs.png) no-repeat 100% -150px;
}
.tabWrap .tabs .activeTab a span {
	background:url(/assets/images/bg-tabs.png) no-repeat 0 -100px;
}
.tabWrap .tabContent {
	padding:20px;
}

/* Contacts */
.contacts {
	width:300px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	padding-bottom:40px;
}
.contactCta {
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:600px;
}
.contactCta .ctaWrapper {
	text-align:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:10px 10px 10px 90px;
	height:60px;
	margin:10px auto;
	width:250px;
	line-height:60px;
	-webkit-border-radius:4px;
	border-radius:4px;
	behavior: url(PIE.php);
	background:#efefef;
	border:1px solid #dfdfdf;
	font-size:18px;
}
.contactCta .ctaWrapper.phone {
	background:#efefef url(/assets/images/big-icon-phone.png) no-repeat 25px 50%;
}
.contactCta .ctaWrapper.email {
	background:#efefef url(/assets/images/big-icon-email.png) no-repeat 20px 50%;
}

/* ### Footer ### */
#footer {
	color:#fbfbfb;
}
#footer .copy {
	font-size:15px;
	margin:3px 0;
}
.footerMenu {
	margin:3px 0;
	list-style:none;
	padding:0;
}
.footerMenu li {
	font-size:11px;
	margin:0;
	padding:0 6px;
	border-left:1px solid #fbfbfb;
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:100%;
}
.footerMenu li:first-child {
	border-left:0 none;
	padding-left:0;
}

.footerMenu a {
	color:#fbfbfb;
	line-height:100%;
	letter-spacing:0.05em;
}

.lang_item{
  float:left;
  padding:2px 5px;
}

.lang_item.first{
  border-left:none;
}
	
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 770px) {
}

@media only screen and (min-width: 980px) {
}

@media only screen and (min-width: 1440px) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
===============
WebShop
===============
*/
.shopcatalogcol_no{
  float:left;
  width:20px;
}

.shopcatalogrow .shopcatalog_code{
  /*float:left;*/
  width:60px;
  overflow:visible;
}

.shopcatalog_productname{
  /*float:left;*/
  width:240px;
}
.shopcatalog_tt{
  /*float:left;*/
  width:30px;
  text-align:center;
  
}

.shopcatalog_tt img{
  height:27px;
  width:27px;
}
.shopcatalog_discprice{
  /*float:left;*/
  width:60px;
  text-align:right;
}
.shopcatalog_discperc{
  /*float:left;*/
  width:45px;
  text-align:right;
}
.shopcatalog_unitprice{
  /*float:left;*/
  width:65px;
  text-align:right;
}
.shopcatalog_netprice{
  /*float:left;*/
  width:60px;
  text-align:right;
}


.shopcatalog_brandimage{
  /*float:left;*/
  width:100px;
}

.shopcatalog_unitprice{
  /*float:left;*/
  width:60px;
  text-align:right;
}

.shopcatalogrow .shopcatalog_availability{
  /*float:left;*/
  border:none;
  padding:0px;
  overflow:visible;  
}

.shopcatalogrow{
  clear:both;
  height:35px;
  overflow:visible;
  /*overflow:hidden;*/
}

.shopcatalogrow div{
  height:34px;
  border:1px solid black;
  border-top:none;
  border-right:none;
  line-height:34px;
  padding:0px 4px 0px 4px;
  overflow:hidden;
}

.shopcatalogrow .shopcatalog_av{
  /*float:left;*/
  width:30px;
  text-align:right;
  overflow:visible;
}

.shopcatalogrow .shopcatalog_locprice{
  /*float:left;*/
  width:30px;
  text-align:right;
  overflow:visible;
}

.shopcatalog_brand{
  /*float:left;*/
  width:60px;
}

.shopcatalog_brand img{
  width:60px;
  /*height:29px;*/
}



.shopcatalogrow .shopcatalog_actions{
  /*float:left;*/
  width:100px;
  border-right:1px solid black;
}

.shopcatalog_actions img{
  width:30px;
  height:25px;
}


.pagination{
  margin:20px 0px 20px 0px;
  padding-bottom:10px;
}

.pagination .pg{
  float:left;
  width:25px;
  height:20px;
  line-height:20px;
  margin-right:5px;
  
}

.shopcatalog_actions input{
  width:30px;
  float:left;
  margin-top:7px;
  margin-left:15px;
}
.search_col1{
  width:300px;
  float:left;
}
.search_col2{
  float:left;
  margin-right:30px;
}

.search_col22{
   float:left;
   margin-right:30px;
}

/*
.season_text{
  width: 155px; 
  float:left;
}*/

.search_line{
  margin-bottom:4px;
}

.textfield{
  width:80px;
  text-align:right;
  float:left;
  margin-right:5px;
}

.shopcatalogrow.header{
  height:30px;
  color:white;
  font-size:11px;
}
.shopcatalogrow.header a{
  color:white;
}

.shopcatalogrow.header div{
  height:29px;
  line-height:29px;
  text-align:left;
  padding:0px 4px 0px 4px;
  background-color:#008131;
  border-top:1px solid black;
}

.shopcatalogrow.header .shopcatalog_availability{
  padding:0px;
  border:none;
  overflow:visible;
}

.shopcatalog_addtobasketall{
  margin-top:20px;
}

.shop_hidden_img{
  position:relative;
  max-height:300px;
  max-width:300px;
  top:-150px;
  left:200px;
  display:none;
}

.shopcatalog_code:hover .shop_hidden_img{
  display:block;
}

#account_menu{
  height:100%;
  text-align:right;
  margin: 0 auto;
  padding: 0;
  width: 1280px;
  position: relative;  
}

.invoicestable td{
  padding:3px 1px;
}
.invoicestable2 td{
  padding:3px 0px;
  text-align:center;
  /*margin-left:100px;*/
}
.invoicestable2 th{
  /*text-align:left; */
}
.invoicestable2{
  margin-left:100px;
  margin-top:30px;
  width:500px;
}
.ordertable td{
  padding:3px 1px;
}
.invoicestable label{
  margin-right:10px;
  width:60px;
  display:block;
}
.invoicestable2{
  margin-left:70px;
  margin-top:30px;
}

#account_menu ul{
  list-style-type:none;
  float:right;
  margin-top:-15px;
}

#account_menu ul li{
  float:left;
  padding:3px 20px;
}

#account_menu ul li a{
  color:white;
  font-size:15px;
  font-weight:bold;
}
#my_account{
  overflow:hidden;
}

#orders #startdate{
  float:left;
  margin-right:10px;
}

#orders label{
  margin-right:10px;
  float:left;
  width:60px;
}

#orders .button{
  margin-left:70px;
  margin-top:10px;
}
#orders table{
  margin-top:20px;
  margin-left:70px;
}
#orders table td{
  padding:3px 5px;
}
#orders li {
  min-height:24px;
}

#chpassword label{
  width:140px;
  margin-right:10px;
  float:left;
}

#chpassword li{
  min-height:24px;
}


/* basket */

.shopbasketrow div,.shoptablehead div{
  min-height:20px;
}

.shopbasketrow div{
  line-height:40px;
  /*overflow:hidden;
  height:40px;*/
}

.shopbasketrow.lastrow div{
  line-height:20px;
}

.shopbasketrow.lastrow {
  text-align:right;
}



.shopbasketcol_no{
  /*float:left;*/
  width:20px;
}
.shopbasketcol_itemcode{
  /*float:left;*/
  width:100px;
}

.shopbasketcol_itemimage{
  /*float:left;*/
  width:60px;
}
.shopbasketcol_brand{
  /*float:left;*/
  width:100px;
}

.shopbasketcol_brand img{
  /*float:left;*/
  height:35px;
}

.shopbasketcol_qty input{
  width:40px;
}

.shopbasketcol_product{
  /*float:left;*/
  width:290px;
}

.shopbasketcol_unitprice{
  /*float:left;*/
  width:100px;
  text-align:right;
}
.shopbasketcol_qty{
  /*float:left;*/
  width:70px;
  text-align:right;
}
.shopbasketcol_price{
  /*float:left;*/
  width:100px;
  text-align:right;
}
.shopbasketcol_discount{
  /*float:left;*/
  width:70px;
  text-align:right;
}

.shopbasketrow{
  /*clear:both;*/
}

.shopbasket_actions{
  width:130px;
  /*float:left;*/
  text-align:right;
}

.shopbasketcol_total_name{
  float:left;
  width:150px;
}

.shopbasketcol_total_wrap{
  margin-top:20px;
  float:right;
}

.shopbasketcheckoutdiv{
  text-align:right;
}

.shopbasketcol_total_value{
  text-align:right;
  width:70px;
  float:left;
}

.cleardiv{
  clear:both;
}

#sw,#sr,#rim{
  width:60px;
}

.checkout_invoice_address,.checkout_delivery_address,.checkout_select_paymethod{
  margin:20px;
}

.checkout_select_paymethod #paymethod_iv{
  margin-right:10px;
}
.checkout_select_paymethod #paymethod_or{
  margin-right:10px;
}
.checkout_select_paymethod #paymethod_cc{
  margin-right:10px;
}

.checkout_select_paymethod .button{
  margin-top:20px;
}
/*
#webapp{
  float:left;
}
*/

.inv_check{
  margin-left:30px;
  margin-right:10px;
}

.stat_flag{
  height:7px;
  width:7px;
  display:block;
  border-radius:50%;
  margin:0 auto;
}

.stat_flag.stat0{
  background-color:green;
}
.stat_flag.stat1{
  background-color:red;
}
.stat_flag.stat2{
  background-color:yellow;
}

.invoicestable2 th.status_col{
  text-align:center;
}

.search_col3{
  float: left;
  margin-right: 20px;
}

.search_col3 select{
  margin-bottom:10px;
}

.search_col3 input{
  margin-bottom:10px;
  margin-right: 10px;
}

/* EVS: HW-133 */
.search_col4{
  float: left;
  margin-right: 20px;
}

.search_col5{
  float: left;
  margin-right: 20px;
}

.search_col6{
  float: left;
  margin-right: 20px;
}
/* :EVS */


.search_wrap{
  position:relative;
}

.search_wrap label{
  position:absolute;
  left:5px;
  top:0px;
  color:#bbb;
}

/* First page login - items*/

.first_page_cat_item{
  float:left;
  width:200px;
  height:393px;
  margin-right:20px;
  background-color:white;
}


.shop_cat_img_wrap{
  height:200px;
  width:200px;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  border-top:5px solid #f2f2f2;
  padding:15px;
}

.shop_cat_img{
  max-width:200px;
  max-height:200px;
}

.shop_cat_productname{
  text-align: left;
  margin: 10px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  height: 100px;
  padding: 5px;
  background-color: #f2f2f2;
  position:relative;
}

.shop_cat_bottom{
  padding-top:5px;
  line-height:25px;
  background-color:#73c416;
  color:white;
  height:35px;
  text-align:center;
}

.shop_cat_unitprice{
  color:#aaa;
  position:absolute;
  bottom:3px;
  right:3px;
}

.shop_cat_discprice{
  font-size:17px;
  color:white;
  font-weight:bold;
}

.clear{
  clear:both;
}

.register_col1{
  float:left;
  margin-right:20px;
  width:500px;
}

.register_col1 .shopcustdetails_table{
  width:490px;
}
.register_col2{
  float:left;
}

input.s_2_back,input.s_2_proceed,input.button,.shopbasketemptybutton,.shopbasketcheckoutdiv input,.shopcatalog_addqty,.shopcustdetails_table_col2 input[type="button"],.loginbutton{
  height:22px;
  /*width:90px;*/
  font-size:15px;
  padding:0px 15px;
}

.checkout_center{
  width:400px;
  margin:0 auto;
}

.sort_col{
  background-position:97% 7px;
  background-repeat:no-repeat;
}

.sort_col.asc_sort_col{
  background-image:url("/assets/images/arrow_asc.png");
}

.sort_col.desc_sort_col{
  background-image:url("/assets/images/arrow_desc.png");
}

.f_regcol_left{
  width:360px;
  float:left;
}

f_regcol_right{
  float:left;
}

.main_check_table td{
  vertical-align:top;
}

.shopcustdetails_table{
  margin-right:50px;
}

.shop_cat_error_details{
  margin:0px 30px 20px 0px;
}

.shop_cat_error_details ul li{
  list-style-type:circle;
  margin-left:20px;
}

.checkout_select_paymethod input[type="radio"]{
  margin-right:10px;
}

#small_basket{
  float:right;
  padding:8px 15px;
  color:white;
  background-color:#00571D;
  margin-top:15px;
}

#small_basket a{
  color:white;
  text-decoration:none;
  width:100%;
  text-align:right;
}

.sm_basket_sum{
  margin-right:5px;
}

.sm_basket_text{
  margin-right:5px;
}

.fr_options{
  margin:10px 0px 0px 0px;
}

.fr_option{
  margin-right:10px;
}

.invoicestable2 .inv_sum{
  text-align:right;
}

.shopbasketcheckoutdiv_left{
  text-align:left;
  margin-top:20px;
}

.fcust_checkout{
  margin-top:10px;
}

/* EVS: HW-133 */
.shop_prod_plandeldates{
  width: 180px;
  padding-top: 10px;
}

.shop_prod_plandeldates ul{
  border-bottom: solid black 1px;
}

.shop_prod_plandeldates .shop_prod_plandeldates_header{
  padding-top: 10px;
  padding-bottom: 10px;
}

.shopcatalogrow .shopcatalog_allunokpo{
  width:30px;
  text-align:right;
  overflow:visible;
  font-weight:normal;
}

.shopcatalogrow .shopcatalog_allunokpohead{
  width:30px;
  text-align:right;
  overflow:visible;
}
/* :EVS */