@charset "utf-8";
/* CSS Document */

/*********** common styles *******************/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,div,label,input,select,textarea,img {margin: 0px; padding: 0px;}
body {font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #4f4f4f;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1,h2,h3,h4,h5,h6,p {margin-bottom: 10px;}
h1 {font-size: 20px; font-weight: 400; margin-bottom: 20px;}
h1.pagetitle {font-size: 38px; font-weight: 700; margin-bottom: 40px;}
h2 {font-size: 20px; font-weight: 400; margin-bottom: 5px;}
h3 {font-size: 16px; font-weight: 500; margin-bottom: 3px;}
a {text-decoration: none; color: #4f4f4f;}
a:hover, a.current {color: #1c80e8;}
p {font-weight: 400; margin-bottom: 20px;}
.clear {clear: both; width: 100%; height: 0px;}
ul,ol {list-style-type: none;}
.prefix {padding-left: 10px;}
.suffix {padding-right: 10px;}
.suffix20 {padding-right: 20px;}
.prefix20 {padding-left: 20px;}
.suffix28 {padding-right: 28px;}
.prefix28 {padding-left: 28px;}
.suffix45 {padding-right: 45px;}
.borderright {border-right: 1px solid #bfbfbf;}
.borderleft {border-left: 1px solid #bfbfbf;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.floatleft {float: left;}
.floatright {float: right !important;}
.bluetext {color: #008bff;}
.redtext {color: #ee3124;}
.purpletext {color: #79288c;}
.printthis {background: url(../images/ico-print.png) no-repeat right top; padding: 5px 10px 0 0; float: right; width: 50px;}
.noborder {border: 0px !important;}

.whiteBG {
	background-color:#FFFFFF; color:#000; padding: 2px;
}
.blackBG { background-color:#000000; color:#fff;padding: 2px;}
/************* wrappers ***********/
#wrapper {/*background: url(../images/bg-wrapper.png) repeat-x left top;*/}
#bottomshadow {background: url(../images/bg-content-bottom.png) repeat-x left bottom; padding-bottom: 130px;}

/***** page and header ****/
#page {width: 998px; margin: 0 auto; margin-top: 87px;}
#headercontainer {width: 100%; height: 87px; background: url(../images/bg-wrapper.png) repeat-x left top; position: fixed; top: 0; left: 0; z-index: 9999;}
#header {/*width: 100%;*/ width: 980px; margin: 0 auto; height: 87px;}
#logo {float: left; margin: 32px 63px 0 0;}
#navigation {font-weight: 500; float: left; width: 665px; /* width: 655px; */  padding: 50px 0 0 0; text-transform: uppercase; font-size: 11px;}
#navigation ul {float: left;}
#navigation li {float: left;}
#navigation a {border-right: 1px solid #b7b7b7;}
#navigation a.lastitem {border: 0px;}
#navigation .prefix {padding-left: 15px;}
#navigation .suffix {/*padding-right: 18px;*/ padding-right: 14px;}
form {font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #4f4f4f;}
.headersearch {width: 163px; padding: 3px; background: #fff; border: 1px solid #d1d1d1; float: right; margin-top: 40px;}
.searchbox {border: none; padding: 3px 3px 0 3px; width: 140px; float: left; font-family: 'Roboto', Arial, sans-serif; font-size: 12px;}

.searchbox:focus{
    outline: none;
}
.BackDetalii{
	padding: 5px;
	height: 40px;
	width: 100px;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
}
.BackDiv{
	float: right;
}
.btsearch {background: url(../images/ico-search.png) no-repeat center; text-indent: -1000px; overflow: none; width: 15px; height: 22px; border: 0px; float: right;}
#content {float: left; width: 71.5%;}
#pagecontent {float: left; margin-bottom: 50px;}
.dashedborderverticalright {border-right: 1px dashed #dfdfdf;}
.dashedborderverticalleft {border-left: 1px dashed #dfdfdf;}
.retailsolutions {width: 100% !important; float: left;}
.company, .news {width: 100% !important; float: left;}
.company h2 {font-weight: 700; margin-bottom: 0px;}
#aboutcontent p {margin-bottom: 40px; line-height: 1.6em;}
#aboutcontent {padding-bottom: 40px; margin-bottom:40px; float: left; width: 100%; border-bottom: 1px solid #cccccc;}
#history p {margin-bottom: 20px;}
#history {margin-bottom: 40px;}
.aboutimage {width: auto; display: block; float: left;}
#aboutimages .lastitem {margin-right: 0px;}
.theteam {padding-bottom: 10px !important; margin-bottom: 30px !important;}
span.teammember {margin-right: 310px; margin-bottom: 100px;}
#teammembers .lastitem {margin: 0px; float: right;}
span.teammember div.photo {width: 115px; height: 115px; /*border: 5px solid #d6d5d5; background: #dcd9d9;*/ margin-bottom: 10px;}
span.teammember p {margin: 0px;}
#latestnews {margin-bottom: 20px; float: left; width: 100%;}
.news {width: 95% !important;}
.news h1.pagetitle {margin-bottom: 10px;}
.newsitem {width: 100%; border-bottom: 1px dashed #999999; float: left; padding-bottom: 10px; margin-bottom: 50px;}
.newsicon img {margin-bottom: 8px;}
.newsicon p {margin: 0px;}
.newsitem h3 {font-size: 16px; margin-bottom: 15px;}

/**** breadcrumb ****/

#breadcrumbs {font-size: 13px; margin: 32px 0 49px 0; float: left; width: 100%;}
.productstemplate #breadcrumbs {margin-bottom: 10px !important;}

/******** banner *********/

#bannercontainer {background: url(../images/bgbanner.jpg) repeat-x left top; width: 100%; /*height: 359.6px;*/height: 368px; float: left; margin-bottom: 38px; margin-top: 87px;}
/*#banner {margin: 0 auto; width: 832px;}*/
#banner {margin: 0 auto; width: 984px;}

/***** products search ****/

#productsearch{padding: 0 0 40px 0; border-bottom: 1px dashed #7d7d7d; margin-bottom: 20px;}

#productsearchbycategory {padding: 0 0 40px 0; margin-bottom: 20px;}

/*#searchbymanufacturer {border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}*/

#searchbymanufacturer {border-bottom: 1px dashed #7D7D7D;  margin-bottom: 20px; padding: 0 0 40px;}

.prodsearchform {border: 1px solid #bebebe; float: left; width: 92%; padding: 0 5px; margin-bottom: 10px;}
.leftbarbutton {border: 0px; background: #8d8d8d; color: #fff; padding: 5px; font-weight: 500; font-family: 'Roboto', sans-serif;}
.categorydropdown, .selectmanufacturer {margin-bottom: 20px;}
.catdropdown, .subcatdropdown, .leftdropdown {border: 0px; padding: 2px; width: 250px; border: 1px solid #d1d1d1; font-family: 'Roboto', sans-serif;}


/******** search results  ***********/

#categories {float: left; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #dfdfdf; margin-bottom: 56px;}
#categories span {display: block; float: left; width: auto; text-align: center; margin-right: 40px;}
#categories span img {margin-bottom: 10px;}
#categories p {margin: 0px; text-align: center;}
#categories span.lastitem {margin: 0px;}

.productcategory {margin-bottom: 15px !important;}
.productcategory span {margin-right: 20px !important;}
.productcategory .cattitle {padding: 10px 0;}

#searchresults {float: left;}
#searchresults .lastitem {margin: 0px;}
.resultcontainer {float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #bfbfbf; position: relative;}
.imagecontainer {float: left; margin-right: 10px;}
.coscontainer {
	float: left;
	margin-left: 10px;
	width: 125px;
	position: absolute; 
	bottom: 10px;
	padding-top: 35px;
}
.textcos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #E9E9E9;
	padding-right: 2px;
	padding-left: 2px;
}
.cosbox {
	border:0px 1 #CCCCCC;
	padding: 3px 3px 0;
	width: 24px;
	float: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 12px;
	height: 19px;
}
.cosbox:focus{
    outline: none;
}
/*.resultdesc {float: left; width: 520px; margin-top: 30px;}*/
.resultdesc {float: left; width: 420px; margin-top: 30px; margin-left: 20px;}
.readmore {
	text-align: right;
	margin-top: 30px;
	bottom: 10px; 
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	position: absolute;
	right: 0px;
	
}
.more {text-align: right; display: block; font-family: 'Roboto', sans-serif; font-size: 12px; cursor: pointer;}

/***** paging *****/
#displayresultspaging {clear: both; float: left; width: 100%;}
.displaynumberofresults {width: 45%; float: left;}
.paging {width: 45%; text-align: right; float: right;}
.paging a {margin-left: 8px;}

/********* productdetails **********/

#productdetails {margin-bottom: 20px; float: left; width: 100%;}
#imgbig {float: left; text-align: center; width: 478px; vertical-align: central}
#productdesc {float: left; width: 45%;}
#tabs {width: 100%; float: left; border-bottom: 2px solid #b4b4b4; position: relative; height: 37px;}
#tabs ul {padding: 0; width: 100%; margin: 0 auto; float: left; text-align: center;}
#tabs li {display: inline-block; width: 100px; border-left: 2px solid #b4b4b4; border-top: 2px solid #b4b4b4; border-right: 2px solid #b4b4b4; text-align: center; margin-right: 5px;}
#tabs li a {display: block; padding: 10px; background: #efefef;}
#tabs li a.current {font-weight: 500; background: #fff;}
#tabs li:last-child {margin-right: 0px;}
.tabcontent {width: 96%; float: left; height: 250px; margin: 20px 0; padding: 0 20px 0 0; overflow: auto;}
.tabcontent h3 {margin-bottom: 20px;}
.tabcontent h4 {font-size: 12px; font-weight: 500; margin: 0px;}
.tabcontent li {margin-bottom: 20px; list-style-type: circle; margin-left: 20px;}
#productgallery {float: left; width: 100%; margin-top: 100px; padding-bottom: 10px; border-bottom: 1px solid #bfbfbf;}
.gallerythumbs {display: block; width: 170px; text-align: center; margin-right: 100px; float: left; margin-bottom: 20px;}
#productgallery .lastitem {margin: 0px;}

/****** retail solutions *********/

#retailoptions {margin-bottom: 80px; float: left;}
#retailoptions .options {width: auto; float: left; text-align: center; margin-right: 55px;}
#retailoptions .options img {margin-bottom: 10px;}
#retailoptions .options p {margin: 0px; text-align: center;}
#retailoptions .options a {display: block;filter: alpha(opacity=25);-moz-opacity:0.25;opacity: 0.25;}
#retailoptions .lastitem {margin: 0px;}
#retailoptions .options a.current {filter: alpha(opacity=100);-moz-opacity:1;opacity: 1; color: #4f4f4f;}

#retailsolutionsdesc p {font-size: 14px;}

/******* footer ********/

#footer {background: #565656; padding: 20px 0; color: #fff;}
#footer a {color: #fff;}
#footernav {width: 998px; margin: 0 auto; color: #fff; margin-bottom: 20px;}
#footernav h3 {font-size: 12px; text-transform: uppercase; margin-bottom: 0;}

#socialmedia {border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 10px 0; margin-bottom: 10px;}
.socialmediaicons {font-size: 15px;}
.socialmediaicons .facebook, .socialmediaicons .twitter {margin-right: 15px;}
.socialmediaicons img { vertical-align: middle;}
#socialmediacontainer, #copyrightscontainer {width: 998px; margin: 0 auto;}
#copyrightscontainer li {display: inline;}
#copyrightscontainer li a {margin-right: 3px; padding-right: 3px; border-right: 1px solid #fff; float: left;}
.santokgroup {margin-top: 25px;}

#packagingsolutions, #productsourcing, #distribution, #categorymanagement, #retail {padding-bottom: 10px; border-bottom: 1px dashed #bfbfbf;}
#categorymanagement {border: 0px;}
#packagingsolutions h1, #productsourcing h1, #distribution h1, #categorymanagement h1, #retail h1, #consumers h1 {margin-bottom: 10px;}
.dashedborderhorizontalbottom {border-bottom: 1px dashed #bebebe;}
#isoinformation .image {padding-bottom: 20px; float: right; border-bottom: 1px dashed #bebebe; margin-bottom: 30px;}
#isoinformation h4 {font-size: 14px; margin-bottom: 20px; font-weight: 700;}
.gotothetop {float: left; width: 98%; text-align: right; background: url(../images/arrow-up.gif) no-repeat 100% 80%;font-size: 11px; padding: 10px 25px 0 0; margin-bottom: 30px; font-family: 'Roberto', sans-serif;}

.faq {padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; margin-bottom: 40px;}
#technicalsupport {float: left; width: 100%;}
#assistance {border-left: 1px dashed #bfbfbf; font-size: 14px;}
#assistance li {margin-top: 20px;}
#joinus {float: left;}
#careers {font-size: 14px;}
#careers a {color: #1c80e8;}

#joinmailinglist {}
#mailinglistcontainer {background: url(../images/bg-mailinglist.png) repeat-x left top; color: #fff; padding-top: 10px;}
#mailinglistcontainer form {margin-left: 10px; color: #fff;}
#joinmailinglist form {padding-bottom: 20px;}
#joinmailinglist input.textbox {width: 60%; border: 0px; padding: 4px;}
#joinmailinglist input.button {width: 25%; background: #8d8d8d; border: 0px; padding: 3px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 700;}
.gutter28 {margin-left: 28px; float: left;}
.gutterright18 {margin-right: 18px;}
.gutterright20 {margin-right: 20px;}
.gutterright28 {margin-right: 28px;}
.gutterright40 {margin-right: 42px;}
#getintouch {padding-bottom: 40px; border-bottom: 1px solid #999999; margin-bottom: 40px;}
.socialmediatitle {display: block; text-align: center; margin-bottom: 30px;}

#pagesocialmedia {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #999999; float: left;}
#pagesocialmedia h3 {margin-bottom: 20px;}
#pagesocialmedia .grid30 h3 {margin-bottom: 10px;}
#pagesocialmedia .grid30 h3, #pagesocialmedia .grid30 p {width: 60%; margin: 0 auto;}
#pagesocialmedia .grid30 a {margin-top: 30px; display: block;}
#pagesocialmedia .facebook {background: #3a5999;}
#pagesocialmedia .twitter {background: #2caae3;}
#pagesocialmedia .pinterest {background: #c82e31;}

#contactdetails h3 {margin-bottom: 20px;}
#contactdetails h2 {font-weight: 700;}
#contactdetails .grid30 {height: 280px;}
.contactus, .faxus, .emailus, writetous {display: block; margin-bottom: 20px;}
.contactus {background: url(../images/icon-callus.png) no-repeat left center; padding: 5px 0 5px 90px;}
.faxus {background: url(../images/icon-faxus.png) no-repeat left center; padding: 5px 0 5px 90px;}
.emailus {background: url(../images/icon-emailus.png) no-repeat left center; padding: 5px 0 5px 90px;}
.writetous {background: url(../images/icon-mailus.png) no-repeat 0 12px; padding: 5px 0 5px 90px;}
.writetous h2, .whereweare h2 {margin: 0px;}
.whereweare {background: url(../images/icon-whereweare.png) no-repeat 0 12px; padding: 5px 0 30px 90px;}

#paging {width: 100%; text-align: center;}
#paging span.prevnext {width: 180px; margin: 0 auto;}
#paging a {margin: 0 10px;}
#downloads {margin-bottom: 50px; float: left;}
#downloadslist {width: 60%; margin: auto;}
#downloadslist .downloadlinks {float: left; margin-right: 50px;}
#downloadslist li {display: block; padding: 20px 0 10px 50px; background: url(../images/ico-pdf.jpg) no-repeat left top;}
#tracking {width: 100%; margin-bottom: 50px; float: left;}
#couriers {width: 77%; margin: 0 auto;}
#couriers .row {width: 100%; float: left; margin-bottom: 25px;}
#couriers .title {font-weight: 500; padding: 0px;}
div.courier {float: left; width: 200px;}
div.dispatchmethod {float: left; width: 230px; padding-top: 10px;}
div.requiredinformation {float: left; width: 300px; padding-top: 10px;}

.index {width: 1000px !important;}
#newsin {/*border-right: 1px solid #c8c7c7;*/}
#newsin .row {border-bottom: 1px dashed #bfbfbf;}
.row {width: 95%; float: left; margin-bottom: 20px;}
#news {border-bottom: 1px dashed #bebebe; float: left;}
.newsitems {margin-bottom: 10px; float: left; width: 100%;}
#contact h1 {margin: 10px 0;}
#socialmediavertical img {margin-top: 20px;}
#socialmediavertical p {margin: 0; font-size: 15px;}

a img {
border-style:none;
}

.mgt-menu{
    
    width: 1000px;
    border-top: 1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    height: 38px;
    
}
.mgt-menu ul{
    list-style-type: none;
    padding-top: 12px;
}
.mgt-menu ul li:first-child
{
    float: left;
    width: 110px;
    text-align: left;
    color: #666666;
    font-size: 12.5px;
}
.mgt-menu ul li
{
    float: left;
    width: 110px;
    text-align: center;
    /*margin-right:38px;*/
	margin-right:15px;
    color: #666666;
    font-size: 12.5px;
    font-weight: bold;
}
.mgt-menu ul li:last-child
{
    float: left;
    width: 110px;
    text-align:right;
    color: #666666;
    font-size: 12.5px;
    margin-right: 0px;
}
.officer-section{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 37px;
}
.left-officer-section{
    width: 150px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}
.left-officer-section h1{
    font-size: 20px;
    font-weight: bold;
    color: #4f4f4f;
}
.right-officer-section{
    float: left;
    width: 680px;
    margin-bottom: 30px;
}
.team-member{
   width: 320px;
   float: left;
   
   margin-bottom: 20px;
 
}
.team-member img{
   border: none;      
   width: 320px;
   height: 187px;   
   
}
.team-member .name{
    /*color:#fff;*/
	color:#4F4F4F;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom:0px;
    display: block;
    margin-left: 10px;
}
.team-member .position
{
    /*color:#fff;*/
	color:#4F4F4F;
    font-size: 14px;
    margin-left: 10px;
}
.borderlinep{
    width: 1000px;height: 1px; border-bottom: 1px #999 solid;
}
.team-category{
    font-size: 20px;
    font-weight: bold;
    color: #4f4f4f;
    margin-bottom: 40px;
}
.sale-section{
    margin-top: 30px;
    width:100%;
    margin-bottom: 20px;
}
.marginrg20{
    margin-right: 20px;
}
.bluediv{
    width: 320px;
    height: 52px;
    /*background: #0071ff;*/
}






/* Serach NEW PAGE CSS */

.categorylisting{
    
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
}

.catlistingnew{
float: left;
width: 100%;
padding-bottom: 1px;
border-bottom: 2px solid #dfdfdf;
margin-bottom: 20px;
}

.catlistingnew ul li {
    width: 10%;
    float: left;
    margin-right: 10px;
    text-align: center;
}
.catlistingnew ul li img{
    margin-bottom: 8px;
}
.catlistingnew ul li p{
    
    text-align: center;
}

.catlistingnew ul li:last-child{
    margin-right: 0px;
}
.divdivions{
    width: 31%;
    float: left;
    height: 200px;    
    margin-right: 2%;
    border-right: 1px solid #dfdfdf;
    margin-bottom: 26px;
}
.divdivions:last-child{
     margin-right:0%;
     border-right: none;
}

.resultcontainernew{
	float: left;
	width: 22%;
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
	margin-right: 18px;
	min-height:340px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #E1E1E1;	  
}
 
.resultdescnew {
	margin-top: 20px; 
}


#productcontainergrid{
    
    height: 800px;
    overflow: auto;
    
}




.bluecontaioner{
    width: 480px;
    float: left;
    margin-right:10px;
    margin-bottom: 20px;
}
.bluecontaionerchild{
    width: 340px;
    float: left;
    text-align: left;
}
.bluecontaionerimage{
    float: left;
    width: 130px;
    text-align: center;
}
.redcontaioner{
    width: 480px;
    float: left;
    margin-bottom: 20px;
    
}
.redcontaionerchild{
     width: 340px;
    float: left;
    text-align: left;
    
}

.redcontaionerimage{
    float: left;
    width: 130px;
    text-align: center;
}

.readmore1{
text-align: right;
margin-top: 30px;
font-family: 'Roboto', sans-serif;
font-size: 12px;

right: 0px;
bottom: 10px;
}
#listviewproductcontaioner{
    width: 1000px; height: 800px; overflow: auto;
}