/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/*

 * Custom Style Sheet - Use this file to style your content

 */



 /* Custom Logo

----------------------------------------------------------------------------------------------------*/

a:-webkit-any-link {
	color: #555;
	text-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);
	
}

#header {    
	background: linear-gradient(to bottom, rgb(72, 136, 191) , #3873c2); 
	height:48px; 
}

#sidebar-b {
    background: linear-gradient(to bottom, rgb(72, 136, 191) , #3873c2);
}


.cust-email-link{
    color: #ffffff;
}

.frontpage p.more {

    background: none repeat scroll 0 0 #82A937;

    border: 1px solid #82A937;

    bottom: 7px;

    color: #FFFFFF;

    float: right;

    margin-bottom: 0;

    margin-top: 5px;

    padding: 2px 10px;

    position: absolute;

    right: 26px;

    z-index: 100;

}



.frontpage.memberlogosfront{

  margin-top: -22px;

}







.frontpage p.more a {

  color: #FFFFFF;

}



div#kon p span.t1 {

  font-size: 20px;

  line-height: 1em;

}





div.yatorow {

  width:100%;

  position: relative;

}

div.yatorow < img {

  margin:10px;

}





.synButton {

  position: relative;

  border: 2px solid #272525;

  float: left;

  width: 23.999%;

  border-radius: 5px;

  transition: all 0.1s ease-in;

  margin: 5px;

  padding: 5px;

  box-shadow: 0 0 5px #DDDDDD;

  height: 80px;

  overflow: hidden;

  background-color: #ededed;

  background-image: linear-gradient(to bottom, rgba(0,200,0,1), rgba(0,150,0,1)) !important;

}



div.synButton:before{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height:100%;

  content: "";

}

div.ico-finder:before{

  content:"";

  background: url(../../../images/icons/easyfind.png) center bottom no-repeat transparent;

}

div.ico-excessstock:before{

  content:"";

  background: url(../../../images/icons/excessstock.png) center bottom no-repeat transparent;

}



div.ico-minorder:before{

  content:"";

  background: url(../../../images/icons/minorder.png) center bottom no-repeat transparent;

}
div.ico-training:before{

  content:"";

  background: url(../../../images/icons/training-icon.png) center bottom no-repeat transparent;

}



div.ico-monthnews:before{

  content:"";

  background: url(../../../images/icons/monthnews.png) center bottom no-repeat transparent;

}



div.ico-minorder:before{

  content:"";

  background: url(../../../images/icons/minorder.png) center bottom no-repeat transparent;

}



div.ico-partstarter:before{

  content:"";

  background: url(../../../images/icons/partstarter.png) center bottom no-repeat transparent;

}



div.ico-quarterly:before{

  content:"";

  background: url(../../../images/icons/quarterly.png) center bottom no-repeat transparent;

}



div.ico-styleguide:before{

  content:"";

  background: url(../../../images/icons/styleguide.png) center bottom no-repeat transparent;

}



div.ico-supplierandsales:before{

  content:"";

  background: url(../../../images/icons/supplierandsales.png) center bottom no-repeat transparent;

}



div.ico-synergybro:before{

  content:"";

  background: url(../../../images/icons/synergybro.png) center bottom no-repeat transparent;

}



div.ico-templates:before{

  content:"";

  background: url(../../../images/icons/templates.png) center bottom no-repeat transparent;

}



div.ico-supplier:before{

  content:"";

  background: url(../../../images/icons/supplier.png) center bottom no-repeat transparent;

}



div.ico-SupplierAreaUpload:before{

  content:"";

  background: url(../../../images/icons/SupplierAreaUpload.png) center bottom no-repeat transparent;

}



hr {

    clear: both;

    /*padding: 9px;*/

}



div.synButton a{

  position: absolute;

  text-decoration: none;

  font-weight: bold;

  top: 0;

  left: 0;

  width: 100%;

  height:100%;

  text-align: center;

}



div#membersHome div.synButton h2 {color: #82A837!important;font-size: 18px; line-height: 1.5em; margin: 0px;}



.synButton:hover{

  border: 2px solid #272525;

  border-radius: 5px;

  box-shadow: 0 0 8px #272525;

  cursor: pointer;

  background-image: linear-gradient(to bottom, #FEFEFE, #ededed) !important;



}





table#supplier img:hover {

  box-shadow: 0 0 3px #000000;

}

table#supplier {

  width:95%!important;

}





table#supplier td {

  padding:5px;

}



table#supplier img {

  height: 120px;

  width: 120px;

  margin: 5px;

  transition: all 0.4s ease;  

}



 .custom-logo {

  display: inline-block;

  width: 190px;

  height: 60px;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  background-size: contain;

}

form#userForm div.componentheading {display: none;}



/* Only Phones (Portrait) */

@media (max-width: 380px) {



  .custom-logo { width: 145px; }

  

}





#datacont {

  padding: 10px;

  background-color: whitesmoke;

  border-radius: 10px;

  margin-bottom: 10px;

  position: relative;

}





 /* Widgetkit Slideshow Tabs Venture

----------------------------------------------------------------------------------------------------*/



.wk-slideshow-tabs-venture .nav li span {

  padding-top: 48px;

  background: url(../../../images/yootheme/demo/icons_tabs.png) 50% 0 no-repeat;

}



.wk-slideshow-tabs-venture .nav li.tab-1.active span { background-position: 50% -80px; }

.wk-slideshow-tabs-venture .nav li.tab-2 span { background-position: 50% -160px; }

.wk-slideshow-tabs-venture .nav li.tab-2.active span { background-position: 50% -240px; }

.wk-slideshow-tabs-venture .nav li.tab-3 span { background-position: 50% -320px; }

.wk-slideshow-tabs-venture .nav li.tab-3.active span { background-position: 50% -400px; }





 /* Frontpage Demo Content

----------------------------------------------------------------------------------------------------*/



.push33,

.pull33 { position: relative; }

.push33 { left: 33.333%; }

.pull33 { left: -33.333%; }



#top-b .frontpage .button-primary,

#top-b .frontpage .button-default { margin-top: 70px; }



/* No Phones */

@media (min-width: 768px) {



  /* Custom */

  #top-b .frontpage .width50 h3 { margin-top: 40px; }

  #top-b .frontpage.fp3 { margin-top: 15px; }

}



/* Only Phones */

@media (max-width: 767px) {



  /* Tools */

  .quote h1 {

    font-size: 32px;

    line-height: 32px;

  }

  .quote h2 {

    font-size: 18px;

    line-height: 18px;

  }

  .quote h1:before,

  .quote h2:after { display: none; }



  /* Custom */

  .push33 { left: auto; }

  .pull33 { left: auto; }



  #top-b .frontpage .button-primary,

  #top-b .frontpage .button-default { margin-top: 0; }



  #top-b .frontpage.fp1 .width33 { width: 100%; }



  #bottom-a .mod-dotted .frontpage { padding-bottom: 45px; }

  #bottom-a .mod-dotted .frontpage .button-default.float-right {

    float: none;

    position: absolute;

    bottom: 15px;

    left: 15px;

  }



}



/*---------Synergy Button-------*/

.btn-syn {

  display: inline-block;
  *display: inline;

  /* IE7 inline-block hack */



  *zoom: 1;

  padding: 4px 12px;

  margin-bottom: 0;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  color: #FFF !important;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);

  background-color: #f5f5f5;

/*  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #23E000, #30AA00);*/

      background-image: linear-gradient(to bottom, #b1b1b1, #868686);
  background-repeat: repeat-x;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  *background-color: #e6e6e6;

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */



  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  border: 1px solid #cccccc;

  *border: 0;

  border-bottom-color: #b3b3b3;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  *margin-left: .3em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.btn-syn:hover {
  background-image: linear-gradient(to bottom, #5a5a5a, #868686);
  
}

.btn-syn:focus,

.btn-syn:active,

.btn-syn.active,

.btn-syn.disabled,

.btn-syn[disabled] {

  color: #333333;

  background-color: #30AA00;

  *background-color: #30AA00;

}

.btn-syn:active,

.btn-syn.active {

  background-color: #cccccc \9;

}

.btn-syn:first-child {

  *margin-left: 0;

}

.btn-syn:hover,
.btn-syn:focus {

  color: #ffffff;

  text-decoration: none;

  -webkit-transition: background-position 0.1s linear;

  -moz-transition: background-position 0.1s linear;

  -o-transition: background-position 0.1s linear;

  transition: background-position 0.1s linear;


}

.btn-syn.active,

.btn-syn:active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

}

.btn-syn.disabled,

.btn-syn[disabled] {

  cursor: default;

  background-image: none;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

p.btn-synf span a span { color: #fff!important;}

.btn-synf {

  display: inline-block;

  *display: inline;

  /* IE7 inline-block hack */



  *zoom: 1;

  padding: 5px 12px;

  position: absolute;
  top: 150px;

  right: 26px;

  z-index: 100;

  float: right;

  margin-bottom: 0;

  margin-top: 1px;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  color: #333333;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  background-color: #f5f5f5;

/*  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #23E000, #30AA00);        */

  background-image: -moz-linear-gradient(top, #82A837, #00773E);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#82A837), to(#00773E));
  background-image: -webkit-linear-gradient(top, #82A837, #00773E);
  background-image: -o-linear-gradient(top, #82A837, #00773E);
     background-image: linear-gradient(to bottom, #b1b1b1, #868686);
  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  *background-color: #e6e6e6;

  /* Darken IE7 buttons by default so they stand out more given they won't have borders */



  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  border: 1px solid #cccccc;

  *border: 0;

  border-bottom-color: #b3b3b3;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  *margin-left: .3em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}


.btn-synf:hover {
      background-image: linear-gradient(to bottom, #5a5a5a, #868686);
  
}

/*------- Article Icon --------*/



.icon {

display: inline-block;

/*height: 20px;*/
  
width: 20px;

vertical-align: text-top;

}

.icon-download {

background: url("..images/icons/Download.png") center no-repeat;

background-image: url(http://synergysystems.com.au/images/icons/Download.png);

background-position-x: 50%;

background-position-y: 50%;

background-size: initial;

background-repeat-x: no-repeat;

background-repeat-y: no-repeat;

background-attachment: initial;

background-origin: initial;

background-clip: initial;

background-color: initial;

}

.icon-article {

background: url("..images/icons/icon-article.png") center no-repeat;

background-image: url(http://synergysystems.com.au/images/icons/icon-article.png);

background-position-x: 50%;

background-position-y: 50%;

background-size: initial;

background-repeat-x: no-repeat;

background-repeat-y: no-repeat;

background-attachment: initial;

background-origin: initial;

background-clip: initial;

background-color: initial;

}

.icon-eye {

background: url("..images/icons/eye.png") center no-repeat;

background-image: url(http://synergysystems.com.au/images/icons/eye.png);

background-position-x: 50%;

background-position-y: 50%;

background-size: initial;

background-repeat-x: no-repeat;

background-repeat-y: no-repeat;

background-attachment: initial;

background-origin: initial;

background-clip: initial;

background-color: initial;

}


#block-toolbar {
background-color: #ffffff;
}

#top-b .mod-box	{
background: #000000;
}