@base: #666666;
@light: lighten(@base, 10%);
@dark: darken(@base, 10%);
@vlight: hsl(hue(@base), saturation(@base), 98%);
@desat: hsl(hue(@base), 0%, 90%);
@bgcolor: #66CCFF;
@bgimg: '/media/371727/bg_1.png';
@logo: '/media/1197751/itsallcloud-orange.jpg';
@linkcolor: #33c;
@highlight: #6c0;
 
/*helpers*/

.contextawarebg (@a:@bgcolor) when (lightness(@a) >= 99%) { 
  border-right:1px solid @base;
  border-left:1px solid @base;
}
.colorfix (@a:@base) when (lightness(@a) >= 70%) { 
  color:#333;
}



html {
  min-height:100%;
  overflow-y:scroll;
}

body{
  //height:100%;
  //overflow-y:scroll;
  overflow-y:hidden;
  color:#000;
  font-family:helvetica,arial,sans-serif;
  background-image:url(@bgimg);
  background-repeat:repeat-x;
  background-attachment:fixed;
}
/* main background */
#pagewrap {
  //background-color:@bgcolor;
  //background-attachment: fixed;
  //overflow:auto;
  //min-height:100%;
  //height:auto !important;
  //height:100%;
  //background-image:url(@bgimg);
}

#main {
 .contextawarebg;
}
//links
a,a:link,a:visited {
  //color:@dark;
}
#header {
  margin:0;
}
#header h2 a {
  height:100px;
  display:inline-block;
  width:350px;
  background:url(@logo) no-repeat bottom left;
  text-indent: -999em;
}

/* begin top horizontal navigation */
#nav .hlist ul li a {
  color: @dark;
  .colorfix(@bgcolor);
  display: block;
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 0 1px;
  padding: 12px;
  text-decoration: none;
  width: auto;
}
#nav .hlist ul li.active a,#nav .hlist ul li.active a:focus,#nav .hlist ul li.active a:hover,#nav .hlist ul li.active a:active {
  background-color:@base;
  color: #fff;
  .colorfix;
}
#nav .hlist ul li a:focus, #nav .hlist ul li a:hover, #nav .hlist ul li a:active {
  background-color:lighten(@base,20%);
  color:@vlight;
  .colorfix;
}

/* general active nav */
.hlist li.active > a, .vlist li.active > a {
  color: @base;
}

/* secnav */
#secnav {
  overflow:hidden;
  color:@vlight;
  .colorfix(@base);
  margin:0;
  background:@base;
}
div.breadcrumbs a, div.breadcrumbs span {
  .colorfix(@base);  
}

/* footer */
#footer {
  background:@dark;
  color:darken(@vlight,20%);
  .colorfix(@base);
}
#footer h5, #footer a {
  color: @vlight;
  .colorfix(@base);
}

/* vertical navigation */
.vlist li a:focus, .vlist li a:hover, .vlist li a:active {
  background: @light;
  color: @vlight;
}

/* buttons */
/* special highlighted buttons: add to cart and checkout*/
button.forward, .buttons a.forward,
button.highlight, .buttons a.highlight {
  background-color:@highlight;
  border-color:darken(@highlight,10%);
  color:@vlight;
  .colorfix(@highlight);
}
a.button, .buttons a, button {
  background-color: #DDDDDD;
  background-image: url("images/button_std_bg.png");
  background-position: center top;
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 130%;
  padding: 3px 10px 3px 7px;
  text-decoration: none;
  white-space: nowrap;
  background-color:@desat;
  border: 1px solid desaturate(darken(@vlight,10%),20%);
}

/* input */
div.yform .type-text input,
div.yform .type-text textarea,
div.yform .type-select select,
input[type="text"],
input[type="password"],
#global-search-form input[type="text"],
#short-login-form input,
#signup-form input[type="text"],
#short-search-form input,
#newsletter-form input {
  color:desaturate(@base,50%);
  background-color:lighten(@desat,5%);
  border: 1px solid @desat;
  padding:3px 5px;
}
#global-search-form input[type="text"] {
  border: 1px solid @base;
}
div.yform div input:focus, div.yform div select:focus, div.yform div textarea:focus, div.yform div input:hover, div.yform div select:hover, div.yform div textarea:hover, div.yform div input:active, div.yform div select:active, div.yform div textarea:active,.yform .type-text.focused input, .yform .type-select.focused select, .yform .type-text.focused textarea {
  background: #ffffff;
  border: 1px solid @base;
}

/* product details */
#product-main-image-link {
  border:1px solid @desat;
  padding:10px;
}

/* product list */
a.image-link {
  border-color: @desat;
}
a.image-link:hover {
  border-color: @base;
}
a.image-link .discount-overlay {
  background-color: #fff4ab;
  color:@dark;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
  color: @dark;
  font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  margin: 0 0 0.25em;
}

/* cart */
#sidebar-cart {
  background-color: @desat;
  border: 1px solid @desat;
}
#sidebar-cart li#last-added {
  border-bottom: 1px solid darken(@desat,10%);
  border-top: 1px solid darken(@desat,10%);
}

/* applied to: products on campaign list, customerinfo info box, secondary-navigation, form, table headers, checkout h1s*/
div.yform,
.product-table .sort-wrapper,
.payment-info,
thead th, tbody th {
  background:@vlight;
}

/* checkout */
#stepscontainer {
  background-color:@base;
  padding:10px;
}
ul#steps {
  margin:0;
  background-color:darken(@base,5%);
  background:#fff;
  //padding:5px;
}

/* homepage */
div#campaignproducts {
  background:@desat;
  margin:0 0 1em;
}
div#campaignproducts .product-name a {
  
}
#campaignproducts .vat {
  
}

/* containing floats */
.subcolumns {
  display: inline-block;
  overflow: visible;
}
ul.subcolumns li {
  overflow: hidden;
}