/*! jQuery UI - v1.9.0 - 2012-10-22
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
span.ui-spinner { background: none; }
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(/javascript/common/jquery/lightbox/images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(/javascript/common/jquery/lightbox/images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/

html{
	color:#000;
	background:#FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
/*
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}

/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

:focus {
	outline: 0;
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
legend{ color: inherit; }


/* general */
body { font: 12px/1.6em 'Arial', Tahoma, Sans-Serif; text-rendering:  optimizeLegibility; }

h1 { font-size: 2em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.3em; }

th, td { vertical-align: middle; }

th  { height: 40px; }

tr { height: auto; }

table { width: 100%; }

button, .btn { cursor: pointer; }

.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

/* structure */
.wrapper { display: block; margin: auto; width: 1000px; } 

	.hidden,
	.form li.hidden,
	.btn.hidden	{ display: none; }
		
	.col { display: inline-block; vertical-align: top; }
		
	.col > .container { padding: 0 1.5% 1.5%; }
	
	.col.top > .container, .col.bottom > .container { padding: 0; }
		
	.col.left, .col.center, .col.right { margin: 2em 0; }
		
	.col.top, .col.bottom { width: 100%; }
	
	.col.center.nosides { width: 96%; }
		
	.col.center	{ width: 60%; }
		
	.col.center.oneside	{ width: 78% }
		
	.col.left, .col.right { width: 18% }
	
	.col.half  { width: 50%; }
	
	.col.two-col { width: 49%; }
	
	.col.two-col + .two-col { margin-left: 2%; }
	
	/* too bad for ie8 - it breaks too many other things */
	.results, .col.center.search-results > .container  { display: inline-block; }
	
	.checkout .col.center > .container, .checkout .col.center > .container form { display: inline-block; width: 100%; }
	
	.col.center > .container { padding: 0; width: 100%; }
	
	.results { width: 100%; }
	
	.col.center { margin-left: 2%; margin-right: 2%; }
	
	
	.widget + .widget { margin-top: 30px; }

	.widget .shopby-image { width: 75%; }
	
	.sub-nav + .sub-nav { margin-top: 12px; }
	
	.sub-nav + .widget { margin-top: 12px; }
	
	.title.page { margin-bottom: 30px; }
	
	.title { margin-bottom: 12px; }
	
	.info-box { width: 49%; margin-bottom: 30px; display: inline-block; vertical-align: top; min-height: 120px; }
	
	.cart-account a + a { margin-left: 1em; }
	
	ol + ol.form.buttons { margin-top: 1em; }
	
	.forgot-pwd { width:100%;text-align:right;}
	
	div.login { display:inline-block; width:42%;}
	.login ol.actions { margin:1em; }
	.login ol.actions li { vertical-align:top; display:inline; margin:0; }
	.login .actions li + li { margin-left: 1em; }
	.lang-FR .guest-checkout { margin-bottom: 1em; }
	.ssl-img { margin-top: 1em; }

/* prompts */
.overlay { 
	background: #000; 
	opacity: .75; filter: alpha(opacity = 75); 
	position: fixed; 
	display: block; 
	width: 100%; 
	height: 100%; 
	z-index: 9; 
	top: 0; 
	left: 0; 
}

	/* ajax loading */
	.results .loading,
	.ajax-content .loading {
		position:fixed;
		top: 50%;
		left:50%;
	
		display: block;
		height: 100px;
		width: 100px;
		margin-left: -50px;
		margin-top: -50px; 
	
		background: #FFF url(/images/admin/themes/new/common-spinning.gif) no-repeat center center;
		border: #999 solid 3px;
		z-index:3333;
	}
	
	
	/* notice */
	.fv_error input, .fv_error select { background: lightpink; color: #000; }
	
	.warning, .unsellable 	{ background: lightyellow; border: solid 1px yellow; padding: 2%; }
	
	.error 		{ color: #FFF; background: #C65031; padding: 2%; }
	
	.success 	{ color: #FFF; background: #8dc63f; padding: 2%; }
	
	.info		{ padding: 2%; }
	
	.message 	{ margin-bottom: 12px; text-align: center; width: auto; }

	.message span { background: url(/images/ecommerce/system-icons.png) no-repeat; display: inline-block; width: 16px; height: 16px; margin: 0 2px -4px 0; }
	
	.unsellable { font-size: 9px; line-height: 1.4em; text-align: center; max-height: 25px; overflow: hidden; }
	
	.third .unsellable, .list .unsellable { font-size: 10px; }
		
	.product-details .reg-prices,
	.product-details .unsellable { font-size: 12px; height: auto; max-height: 100%; margin-top: 6px; }
	
	.message.categories 		{ text-align: left; }
	
	.message.info span 		 { background-position: 0 0; }
	
	.message.success span	 { background-position: -16px 0; }
	
	.message.error span 		 { background-position: -32px 0; }
	
	.message.warning span	 { background-position: -48px 0; }
	
	td .message 	{ padding: 1% 2%; display: inline-block; }
	
	#notice { 
		position: fixed;
		width: 550px;
		margin-left: -250px;
		left: 50%;
		top: 1.2em;
		font-size: 1.2em;

		word-spacing: .25em; 
		letter-spacing: .05em;
		
		z-index: 9999;
	}
	#notice > div > div {
		background: transparent url(/images/ecommerce/notice-bg.png) no-repeat;
		
		display: inline-block; 
		vertical-align: middle;
		float: left; 
		height: 40px; 
		width: 40px; 
		margin-right: 10px;
		overflow: hidden;
		
		
		z-index: 9999;
	}
	#notice > div {
		padding: 0;
		min-height: 40px;
		border: solid 3px #FFF;
		
		-webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, .25);
        box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, .25);
		
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	#notice .error {  background: #F4F4F4; line-height: 2.6em; font-weight: bold; color: #9e4027; text-align: center; }

	#notice .success{  background: #F4F4F4; line-height: 2.6em; font-weight: bold; color: #648c2e; text-align: center; }
	
	#notice .error > div { background-position: bottom; }
	
	#notice .success > div { background-position: top; }
	
	
	/* error tooltip */
	.ui-tooltip { position: absolute; max-width: 200px; }
	
	.fv_error_tt { background-color: lightpink; border: solid 1px red; padding: 12px; }
	

/* images */
.product-image, .widget.text-image img, img.captcha-image, .product-img-wrapper img  { max-width: 100%; height: auto; width: 100%; }


/* widget */

	/* general*/
	.widget .description { margin-bottom: 12px; word-spacing: .2em; letter-spacing: .025em; }
	
	.widget .title { margin-bottom: 12px; }
	

	
	/* widget ads */	
	.widget.ads { position: relative; }
		
	.widget.ads a { width: auto; height: auto; }
	
	.widget.ads img { 
		position: absolute; 
		top: 0; 
		left: 0;
		max-width: 100%;
		width: 100%;
		height: auto;
		visibility: visible;
		
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		-ms-transition:opacity 1s ease-in-out;	
		transition: opacity 1s ease-in-out;
	}
	.widget.ads img.transparent {	opacity: 0;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); }
	
	
	/* widget text-image */
	.widget.text-image .vertical a { display: block; width: 100%; }
		
	.widget.text-image .horizontal a + a{ margin-left: 2%; }
	
	.widget.text-image .horizontal a.img { margin-left: 0 }
	
	
	/* widget newsletter */
	
	
	
	/* widget products */
	.top .widget.products .item, .bottom .widget.products .item { width: 33.333%; }

	
	/* widget video */
	.widget.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.widget.video iframe,  
	.widget.video object,  
	.widget.video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* widget brands / categories */
	.center .widget.sub-nav .container{
		margin: 0;
	}
	.top .widget.sub-nav h3,
	.bottom .widget.sub-nav h3	{ padding: 1%; }
	
	.left .widget.sub-nav .name-logo,
	.right .widget.sub-nav .name-logo,
	.left .widget.sub-nav .logo,
	.right .widget.sub-nav .logo		{ width: 100%; }
	
	.top .widget.sub-nav .name,
	.bottom .widget.sub-nav .name	{ width: 25%; display: inline-block;}
	
		/* logo only */
		.widget.sub-nav .logo
		{
			width: 16.66%;
			display: inline-block;
			text-align: center;
		}
		.widget.sub-nav .logo a
		{
			border: none;
			padding: 6px;
			
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.widget.sub-nav .logo a img
		{
			vertical-align: middle;
		}
		
		/* logo + text */
		.widget.sub-nav .name-logo
		{
			width: 25%;
			display: inline-block;
		}
		.widget.sub-nav .name-logo img
		{
			height: 3em;
			width: 3em;
			margin-right: 1em;
		}
		.widget.sub-nav .name-logo a > *
		{
			vertical-align: middle;
			display: inline-block;
		}

		
	
/* top nav */
.top-cat-menu h2 { font-size: 1.2em; font-weight: normal; }

.top-cat-menu ul li { position: relative; display: inline-block; z-index: 2; }

.top-cat-menu ul li ul { display:none; min-width: 160px; }
	
.top-cat-menu li:hover ul { display:block; position:absolute; }

.top-cat-menu ul li ul li { margin-left: 0; padding: .25em 0; line-height: 1.2em; width: 100%; }
	
	
/* breadcrumbs */
.breadcrumbs { padding: 1% 1% 0 1%; word-spacing: .2em; }

.breadcrumbs span { margin-right: .3em; }

.breadcrumbs ul li{ display: inline; }

	
	
/* pagination */
.pages { text-align: center; margin-top: 12px; display: block; }

.pages ul li { display: inline-block; }

.pages li + li { margin-left: 2em; }

	
/* items */

	/* general */
	.item { display: inline-block; vertical-align: top; }

	.item .product-id { font-size: .85em; }
	
	.item .container { padding: 5%; }
	
	.price-box label { display: none; }
	
	/* promotional */
	.promotional .regular-price, .promotional.minimal .minimum.promotional { text-decoration: line-through; font-size: .8em; }
	
	.promotional .regular-price, .promotional .discount-percent, .promotional .minimum { width: auto; display: inline-block; }
	
	.promotional .discount-percent { margin-left: .5em; font-weight: normal; font-size: .8em; }
	
	.promotional .discounted-price { color: darkRed; }
	

	/* list :: Allow User to Choose Different Layouts */
	.list { position: relative; }
	
	.list .item { width: 100%; }
	
	.list .item .container { padding: 2%; }
	
	.list .item .image { width: 16%; }
	
	.list .item .details { width: 42%; margin-left: 2%; }
	
	.list .item .actions { width: 40%; display: table-cell; min-height: 6em; vertical-align: middle; }
	
	.list .item .price-box { display: block; }
	
	.list .item .price-box { text-align: right; width: 100%; }
	
	.list .item .image, .list .item .details, .list .item .actions { display: inline-block; vertical-align: top; } 
	

	/* grid :: Allow User to Choose Different Layouts */
	.grid ul + ul  { margin-top: 12px; padding-top: 12px; }
	
	.grid .price-box .regular, .grid .price-box.minimal { height: 45px; }

	.center .grid .item { width: 33.333% }
	
	
	.center .grid .item.whole 	{ width:100%; font-size: 2em; }
	.center .grid .item.half		{ width:50%; font-size: 1.3em; }
	.center .grid .item.third	{ width:33.333%; }
	.center .grid .item.forth	{ width:25%; font-size: .9em; }
	.center .grid .item.fifth	{ width:20%; font-size: .9em; }
	.center .grid .item.sixth	{ width:16.666%; font-size: .9em; } 
	
	.center .grid .item.seventh	{ width:14.285%; }
	.center .grid .item.eighth	{ width:12.5%; }
	.center .grid .item.ninth	{ width:11.111%; }
	

	.left .grid .item, .right .grid .item { width: 100%; }
	
	.grid .item .product-name { 
		display: block; 
		height: 5.8em; /* old = 6em */
		overflow: hidden; /* old = no rule */
	}
	
	.grid .item .minimal-price  .price-label { width: 100%; display: block; }
	
	.grid .sr-add-to-cart, .grid .choose-options { margin-top: 6px; }

	
	
/* forms */
fieldset { padding: 3%; margin: 3%; } 

legend { font-size: 1.3em; font-weight: bold; }

input, select, textarea { font-size: 1.2em;  border: solid 1px #000; }

select { padding: 3px; width: 50%; }

input { display: inline-block; height: 25px; text-indent: 5px; width: 50%; line-height: 22px; }

input[type=checkbox], input[type=radio] { height: 16px; width: 16px; display: inline; vertical-align: middle; border: none; }

label { display: inline-block; width: 49%; }

.form li { display: block; }

.form > li + li { margin-top: 12px; }

.form.buttons { margin-top: 12px; }

.form.save-address li { text-align: right; }

.form.card-type { text-align: center; }

.form.card-type li { display: inline-block; width: 33.333%; }

.field.checkbox label, .field.radio label  { width: auto; margin-right: 6px; }

li.field.checkbox { text-align: left; }

li.field.checkbox > * { vertical-align: middle; }

li.field.checkbox label { width: 48%;}

.form.address li.phone input, 
.form.address li.fax input { width: 8em; }

.form.create-account li.checkbox label { width: auto; }

.exp-month select, .exp-year select, .cvd input{ width: 25%; }

.mandatory em { font-weight: bold; color: red; font-size: 1.1em; margin-right: .25em;}

li.link { text-align: right; }

li.mandatory { text-align: right; color: red; }

li.postal-code input{ width: 5em; }

li.button { text-align: right; }

li.message { margin-bottom: 0;}

.btn + .btn { margin-left: 6px; }

button { font-family: inherit; height: auto; width: auto; }

button::-moz-focus-inner { border: 0; padding: 0;  } /* removes extra ff junk */

.btn { 
	padding: .5em 1em; 
	display: inline-block; 
	background: #D4D0C8; 
	border: #999 solid 1px; 
	text-decoration: none;
	vertical-align: bottom;
	color: inherit; 
	font-size: 1.1em;
	line-height: 20px;
}
	

/* page: search results */

	/* view options */
	.view-options { margin-bottom: 12px; }
	
	.view-options .btn { padding: 0.3em .8em; font-size: .9em; }
	
	.view-options label { width: 100%; }

	.view-options .btn, .view-options select { vertical-align: middle; }
	
	.view-options .view { display: inline-block; }

	.view-options .view.sort-by { width: 60%; }
		
		.view-options .view.sort-by select { width: 75%; }
		
		.view-options .view.sort-by .btn { margin-left: 2%; }
	
	.view-options .view.page-limit { text-align: center; width: 15%; }
	
		.view-options .view.page-limit select { width: 100%; }

	.view-options .view.mode { text-align: right; width: 25%; }
	
		.view-options .view.mode > span { margin: 0 .25em; }
		

	
/* page: product details :: Allow User to Choose Different Layouts */
.product-details .col { display: inline-block; vertical-align: top; }

.product-details .col.one { width: 50% }

.product-details .col.two { width: 49%; margin-left: 1%; }

.product-details .title.product { line-height: 1.2em; }

.product-details .product { width: 100%; display: inline-block; vertical-align: top; }

.product-details .product-img-wrapper img { display: block;  margin: auto; }

.product-details .product-thumb-wrapper { width: 17%; display: inline-block; }

.product-details .product-thumb-wrapper + .product-thumb-wrapper { margin-left: 3.7%;}

.product-details .product-media-main { margin-bottom: 2%; }

.product-details .product-media-container > ul li div{ margin-top: 1em; max-width: 100%!important; width: 100%!important; height: auto; }

.product-details .price-box { text-align: right; }

.product-details .price-box label { width: 100%; text-align: right; }


	/* related products */
	.product-details .related-products { display: inline-block; width: 100%; margin-top: 30px; }

	.product-details .related-products .item { width: 20%; }
	
	.product-details .related-products .price-box { text-align: center; }

	
	/* tab view */
	.product-details .tab-view { margin-top: 30px; }
	
	
	/* star rating */		
	.star-rating,
	.star-rating a:hover,
	.star-rating .current-rating { 
		background: url(/images/ecommerce/star-rating.png) left top;
	}
	.star-rating {
		position: relative;
		left: 50%;
		margin: 6px 0 6px -62.5px;
		width: 125px; /* 5 stars width */
		height: 25px; /* 1 star height */
		overflow: hidden;
		background-position: left top;
	}
	.star-rating li {	display: inline; }
	
	.star-rating a,
	.star-rating .current-rating {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9000px;
		height: 25px; /* 1 star height */
		line-height: 25px; /* 1 star height */
		outline: none;
		overflow: hidden;
		border: none;
		font-size: 25px; /* 1 star width */
	}
	.star-rating a:hover 				{ background-position: left bottom;	}
	
	.star-rating a.one-star 			{ z-index: 6; width: 20%; }
	
	.star-rating a.two-stars 			{ z-index: 5; width: 40%; }
	
	.star-rating a.three-stars 		{ z-index: 4; width: 60%; }
	
	.star-rating a.four-stars 		{ z-index: 3; width: 80%; }
	
	.star-rating a.five-stars 		{ z-index: 2; width: 100%; }
	
	.star-rating .current-rating 	{ z-index: 1; background-position: left center; }
	
	
	/* rating window */
	.rating-window { z-index: 10; background: #FFF; border: solid 1px #999; width: 450px; height: 280px; position: fixed; top: 50%; left: 50%; margin: -140px 0 0 -225px; }
	
	.rating-window .title { text-align: left; }
	
	.rating-window .btn.remove { float: right; margin-top: -32px; }
	
	.rating-window .star-rating { left: 62px; }
	
	.rating-window fieldset { text-align: left; }
	
	.rating-window textarea { width: 390px; height: 7em; }
	
	.rating-window .star-rating { cursor: pointer; }
	
	
	/* tab view UI */
	.ui-tabs-nav { border-bottom: solid 4px; }

	.content .ui-widget-content { height: auto!important; padding-left: 0; padding-right: 0; }
	
	.tab-view h2 { margin-bottom: .5em; }
	
	
	/* review postings */
	.user-review { display: table; width: 100%; vertical-align: top; }
	
	.user-review .sidebar { width: 25%; display: table-cell; vertical-align: inherit; }
	
	.user-review .comment { width: 75%; display: table-cell; vertical-align: inherit; }
	
	.user-review .country { width: 100%; display: inline-block; }
		
	
/* page: control-panel */
.address-book .actions { margin-bottom: 8px; }
	
	
/* page: cart / order review */

	/* cart table */
	table { table-layout: fixed; }
	
	tr > .remove				{ width: 10%; text-align: center; }

	tr > .image				{ width: 10%; text-align: center; }
	
	tr > .product-name  		{ width: 35%; padding: 0 6px; }
	
	tr > .unit-price			{ padding: 0 6px; }

	tr > .qty					{ width: 7.5%; text-align: center; }
	
	tr > .total				{ width: 12.5%; text-align: right; padding: 0 6px; }

	table .image img			{ display: block; }

	th.product-name			{ text-align: center; }

	table .unit-price			{  text-align: right; }

	table th.total, table th.unit-price, table th.qty { text-align: center; }

	
	/* totals table */
	table.totals 					{ float: right; margin-top: 30px;  width: 50%; font-size: 1.2em; font-weight: bold; }
	.order-review table.totals,
	.order-details table.totals{ 
		float: none; 
		width: 100%; 
	}
	table.totals .amount			{ width: 30%; }
	
	table.totals .label			{ width: 70%; }
	
	table.totals .label, table.totals .amount { text-align: right; padding-right: 6px; }
	
	
	/* control panel: orders table */
	table.checkout tr > .image 			{ width: 10%; }
	
	table.checkout tr > .product-name	{ width: 45%; }
	
	table.checkout tr > .qty 			{ width: 10%; }
	
	table.checkout tr > .total 			{ width: 10%; }

	
	
	/* checkout: order review */
	table.orders tr > .id		{ width: 10%; }
	
	table.orders tr > .status 	{ width: 20%; }
	
	table.orders tr > .date 	{ width: 25%; }
	
	table.orders tr > .trck_no 	{ width: 30%; }
	
	table.orders tr > .total 	{ width: 15%; }
	
	
	/* control panel: order review */
	table.cart.order-review tr > .product-name { width: 50%; }
	
	
	/* cart: promo-code */
	.cart  .promo-code 			{ float: left; margin-top: 30px; display: inline-block; width: 50%; }
	
	.cart .promo-code .code		{ width: 50%; display: inline-block; }
	
	
	/* cart: options */
	.cart .options 				{ clear: both; margin-top: 30px; width: 100%; display: inline-block; }
	
	.cart .options li 				{ display: inline-block; }
	
	.cart .options li.continue 	{ width: 40%; text-align: right; }
	
	.cart .options li.update 		{ width: 20%; text-align: center; }
	
	.cart .options li.checkout 	{ width: 40%; text-align: left; }
	
	
	/* order review checkout: address */
	.order-review .info-box { width: 49%; }

	.order-review .info-box + .info-box { margin-left: 2%; }
	
	.order-review .info-box.payment { display: block; width: 80%; margin: 30px auto 0; }
	.order-review .info-box.payment label.card{  width: 80%;}
	
	
	/* order review control-panel: */
	.info-box.receipt { margin-top: 30px; width:98%; }
	
	.info-box.checkout-billing .content, .info-box.checkout-shipping .content { min-height: 9.5em; }
	
	.receipt .label, .receipt .details { width: 49%; display: inline-block; }
	
	.receipt .message { font-weight: bold; }
	
	
/* page: checkout */
.checkout .status .address { font-size: .9em; line-height: 1.3em; text-indent: 1em; margin: 1em 0; }

	/* shipping-method */
	.loading.shipping-quotes { 
		height: 120px;
		background: #FFF url(/images/admin/themes/new/common-spinning.gif) no-repeat center center;
		border: #999 solid 3px;
		text-align: center;
	}
	.form.shipping-method > li + li { margin-top: 12px; }

	.form.shipping-method .option { margin: -4px 6px 0 0; }

	.field .handling, .field .address { width: 48%; display: inline-block; vertical-align: top; padding: 1%; }
	
	.field.expeditors .exp-logo { display: inline-block; height: 50px; width: auto; vertical-align: middle; margin-bottom: 16px; }	

	.field.expeditors .title { display: inline-block; vertical-align: middle; }	

/* page: articles */
.articles b, .widget b, .policies b { font-weight: bold; } /* fixes reset */

.articles i , .widget i , .policies i   { font-style: italic; } /* fixes reset */


/* footer: required */
.footer .required-info { text-align: right; clear: both; display: block; }

.footer .required-info li{ width: auto; display: inline-block; }

.footer .required-info li + li { margin-left: 1.2em; }

.footer .required-info .powered-by { width: 100%; margin-left: 0; margin-top: .75em;}


	/* page: sitemap */
	.sitemap { font-size: 10px; }
	
	.sitemap .title.page { margin-bottom: 0; }
	
	.sitemap li > span { background: transparent url(/images/ecommerce/sitemap.png) -28px 0px; }
	
	.sitemap a { text-decoration: none; display: inline-block; }
	
	.sitemap ul li { margin-top: 2%; width: 33.333% }
	
	.sitemap ul li ul li { margin-top: 0; width: auto; }
		
	.sitemap ul li ul li + li { margin-left: 0; }
	
	.sitemap > ul { width: 20%; display: block; }
	
	.sitemap li { height: auto; }

	.sitemap ul > li{ float: left; }
	
	.sitemap ul > li ul > li { float: none; }
	
	.sitemap ul li span{ display: inline-block; vertical-align: middle; margin: 11px 3px 0 0; height: 11px; background-position: 0 -10px; }
	
	.sitemap ul li ul li span{ width: 15px; height: 22px; margin-top: 0; background-position: right center; font-weight: normal; }
	
	.sitemap ul li ul li ul li span{ width: 29px; }
	
	.sitemap ul li ul li ul li ul li span{ width: 43px; }
	
	.sitemap ul li ul li ul li ul li ul li span{ width: 57px; }
	

/* expeditor specific */	
.subtotal .exp-logo { width: 100px; margin-left: 1em; }

.subtotal .ship-method > * { vertical-align: middle; }

	
	/* UPS tweak */
	.ups-avs .form.address.city, .address-validation  { vertical-align: top; display: inline-block; }

	.ups-avs .form.address.city { width: 69%; }

	.expeditors.ups td input { vertical-align: top; }

	.expeditors.ups label { width: auto; }

	.expeditors.ups td { padding: .5em 0; }

	.address-validation { margin-top:-80px; width: 29%; margin-left: 2%; }

	.address-validation .info-box {width: 100%; font-size: .8em; }

	.address-validation .content-header { text-align:center; font-weight: bold; font-size: 1.5em; line-height: .9em; margin: -8px 0 1em; }

	.exp-logo.ups { margin: .33em; }

	.ups-notice-out {display:none;margin:0px;}
	.ups-avs .ups-notice-out {display:block;margin: 10px 0px 10px 0px;}

	.expeditor-notice {margin-top:5%;font-size:.9em;line-height:1em;}

	/* Eparcel tweak */
	.expeditors.eparcel td { padding: .5em; }

/* tabs Fix */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: pointer; }

.ui-dialog {
	position: fixed; 
	padding:8px;
	border:1px solid #666;
	background-color:#fff;
	box-shadow: 1px 1px 5px #333;
}
.ui-dialog .ui-dialog-content{
	padding:1px;

}
.ui-dialog-titlebar {
	display:none;
}@font-face {
  font-family: 'Headland One';
  font-style: normal;
  font-weight: 400;
  src: local('Headland One'), local('HeadlandOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/headlandone/v1/iGmBeOvQGfq9DSbjJ8jDV3hCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

html { background: url(/css/ecommerce/themes/dark_full/img/navy-blue.png) repeat; }

body { color: #BBB; }

a { 	color: #FFF; }

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


/* forms */
fieldset { border: solid 1px #444; }

.card-type { background: #FFF; }

input, select , textarea{	color: #999; border: #999 solid 1px; background: #333; }

input:hover, select:hover {	border: #FFF solid 1px; }

.form li.field, .form li.attribute { background: #111; padding: 2% 3%; }

.form li.field + li.field, .form li.attribute + li.attribute { margin-top: 1px; }

.form.add-to-cart { margin-top: 12px; }

.form li.message { color: #333; margin-bottom: 1em; }

.form.buttons {  margin: 0 3% 3%; }

li.mandatory span.mandatory { font-size: .8em; letter-spacing: .1em; }


/* tables */
tr { border-bottom: solid 1px #000; }

th { text-align: center; }

table .odd { background: #111; }

table .product-name a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #444; }

table .product-name a:hover { color: #FFF; border-bottom-color: #999; }

table .product-name .attributes { color: #666; font-size: .8em; letter-spacing: .1em; word-spacing: .25em; }

table.orders td { padding: .5em; }

table.orders .type { text-align: center; }

.totals { background: #222; }

.unit-price { line-height: 1.2em; }

.unit-price .discount { color: #518A07; }

.unit-price .feePrice { color: #B72A2A; } 

.unit-price .discount, .unit-price .feePrice, .unit-price .old { width: auto; display: block; font-size: .8em; line-height: 1.4em; }

.unit-price .old { text-decoration: line-through; }

.unit-price .new-price { display: inline-block; width: 50%; border-top: 1px dotted #aaa; padding-top: .25em; margin-top: .25em; }

.unit-price .new { margin-top: .5em; }

th + th { border-left: solid 1px #333; }



thead { background: #222; border-top: solid 1px #333; border-bottom: 1px solid #000; }

td + td { border-left: 1px dotted #222; }


.view-options, .pages, .sub-nav .title, .info-box .title, .col.right .widget .title, .col.left .widget .title, .status .title { 
	color: #999;
	background: #222 url(/css/ecommerce/themes/dark_full/img/navy-blue.png) repeat; 
}
.title { padding-bottom: .25em; font-family: 'Headland One', serif; }

.title, .info-box .title { border-bottom: solid 1px #666; }

.title.page { border: none; font-family: 'Headland One', sans-serif; }


/* wrappers */
.wrapper.header, .wrapper.nav, .wrapper.footer{
	float: left;
	width: 100%;
	margin: auto;
	border-left: solid 3px #222; 
	border-right: solid 3px #222;
}
.wrapper.header {
	padding-bottom: 30px;
	background: url(/css/ecommerce/themes/dark_full/img/dark-leather.png) repeat;
}
.wrapper.footer { background: url(/css/ecommerce/themes/dark_full/img/dark-leather.png) repeat; }

.wrapper.body { clear: both; position: relative; background: url(/css/ecommerce/themes/dark_full/img/subtle-carbon.png) repeat; }

.wrapper > .container { width: 1000px; margin: auto; }


/* header */
.header { background: #111; } 

.header .logo { padding: 2% 0 0 0; min-height: 30px; }

.cart-account { position: absolute; right: 0; top: 0; }

.header .container { position: relative; }

.header .form-search { text-align: center; margin-top: 12px; }

.header .form-search input, .header .form-search button { vertical-align: middle; }

.header .form-search button { margin-left: 6px; }


/* body */
.body { background: #000; border-left: solid 3px #222; border-right: solid 3px #222; }


/* footer */
.footer { background: #111; border-top: solid 1px #000; }

.footer .container { padding: 0 0 2%; }

.footer .required-info { margin-right: 1%; }


/* cart - account (header) */
.cart-account { margin-right: 0; }

.cart-account a { text-decoration: none; padding: .6em 1.8em .6em 1.2em; display: inline-block; background: #222; }

.cart-account a:hover { background: #333; }

.cart-account a + a { margin-left: 0; border-left: 1px dotted #000000; }

.cart-account a > span { 
	background: url(/css/ecommerce/themes/dark_full/img/cart-icons.png) no-repeat; 
	height: 20px; 
	width: 20px; 
	display: inline-block; 
	vertical-align: middle;
	margin: -3px .5em 0 0;
}

.cart-account a > span.cart-qty { background: transparent; display: inline; width: 0; height: 0; margin: -1px 0 0 0; vertical-align: baseline; }

.cart-account .cart span		{ background-position: 0 0; }
.cart-account .account span 	{ background-position: -20px 0; }
.cart-account .logout span 	{ background-position: -40px 0; }
.cart-account .lang span 		{ background-position: -60px 0; }

/* drop down */
.nav { background: #222; border-bottom: solid 1px #000; border-top: solid 1px #333; }

.top-cat-menu a { text-decoration: none; }

.top-cat-menu > ul li:first-child h2 a{ border-left: dotted 1px #000; }

.top-cat-menu > ul li h2 a { font-family: 'Montserrat', sans-serif; font-size: 13px; border-right: dotted 1px #000; padding: 10px 1.4em; display: block; }

.top-cat-menu > ul li h2 a:hover { background: #333; text-shadow: 0 1px 1px #000; }

.top-cat-menu ul li ul { 
	background: #000; 
	padding: 1em 2em; 
	border: solid 3px #333;
	opacity: .9; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90); 
}
.top-cat-menu ul li ul li a:before { content: "• "; padding-right: .25em; }


/* sub nav */
.sub-nav  .container { margin: 1%; border: solid 1px #999; }

.sub-nav h3 { background: #222; padding: 4%; font-weight: normal; }

.sub-nav ul { padding: 1% 5% 5%; }

.sub-nav a { text-decoration: none; font-size: 1.1em; padding: .3em 0; display: block; }

.sub-nav a:before { content: "• "; padding-right: .25em; }

.sub-nav .message { background: transparent; border: none; color: inherit; display: block; }


/* items / list & grid view */
.grid .item .container { border: 1px solid #444; margin: 1%; padding: 6%; }

.grid .item .actions { background: #222; padding: 5%; text-align: center; }

.list .odd { background: #111; }

.list .item .details { width: 52%; }

.list .item .actions { width: 29.5%; border-left: dotted 1px #333; text-align: center; }

.list .item .actions .btn { margin-bottom: 13%; }

.list .item .price-box.minimal { margin-top: 1em; }

.list .item .price-box { margin: 2em 0 1em; text-align: inherit; }

.product-id { color: #666; }


	/* inner item */
	.item .product-name a { text-decoration: none; border-bottom: 1px solid #444; padding-bottom: 1px; }
	
	.item .product-name a:hover { color: #FFF; border-bottom-color: #999; }
	
	.center .grid .regular, .center .grid .minimal, 
	.center .list .regular, .center .list .minimal 	{ font-size: 1.3em; }
	
	.grid label, .list label { font-size: .8em; }


/* info boxes */
.info-box { border: solid 1px #999; }

.info-box + .info-box { margin-left: 1%; }

.info-box .title { padding: .8em; font-size: 1.3em; font-weight: normal; }

.info-box .title a { 
	font-size: .8em; 
	float: right; 
	text-decoration: none;
	padding: .2em .6em;
	display: block;
	margin-top: -.3em;
}
.info-box .title span { display: none; }

.info-box .content { padding: 0 4% 4%; }


	/* control panel */
	.info-box { min-height: 14em; height: auto; }
	
	.info-box.address-list { width: 99%; margin-left: 0; }
	
	.info-box.address-list .content .address { border: solid 1px #333; padding: 2%; } 
	
	.info-box.address-list .content .actions { background: #222; padding: 1%; text-align: right; }
	
	.info-box.billing-address { margin-left: 0; }
	
	.info-box.shipping-address .content select { width: 100%; }
	
	/* checkout */
	.order-review .info-box { width: 48%; }
	
	.order-review .info-box  + .info-box { margin-left: 3.5% }

	


/* pagination */
.pages { display: block; padding: 1.5em; border-bottom: 1px solid #333333; border-top: 1px solid #444444 }


/* widgets */
.left .widget + .widget, .right .widget + .widget { margin-top: 12px; }

.center .widget .title { font-weight: 200; font-size: 2em; }

	/* products */
			
		/* sides */
			.left .grid .item, .right .grid .item  { width: 75%; margin: auto; display: block; margin-bottom: 1em; }
		
			.left .item .product-id, .right .item .product-id { display: none; }
			
			.left .grid ul + ul, .right .grid ul + ul  { margin-top: 0; padding-top: 0; }
		
			.left .widget.products .item .container, 
			.right .widget.products .item .container { border: none; }
			
			.left .widget.products .container, 
			.right .widget.products .container { margin: 1%; border: solid 1px #999; }
			
			.left .widget.products .title,
			.right .widget.products .title	{ font-weight: normal; padding: 4%; font-size: 1.3em; }
			
			.left .widget.products .description,
			.right .widget.products .description{ padding: 1% 5%; }
	
	
	/* newsletter */
	.widget.newsletters input { width: 100% }
	
	.widget.newsletters button{ margin-top: 6px; }
	
	.widget.newsletters .content	{ text-align: center; padding: 1% 5% 5%; }
	
		/* captcha */
		.captcha { background: #333; margin: 2em 0; padding: 1em; border-top: solid 1px #999; border-bottom: solid 1px #999; }
	
		.captcha .image-container { width: 75%; display: inline-block; vertical-align: middle; }
		
		.captcha .image-container img { margin-bottom: -6px; }
		
		.captcha .btn.change { font-size: 0; text-indent: -1px; display: inline-block; width: 20%; margin-left: 3%; padding: 3% 0; vertical-align: middle; text-align: center; }
		
		.captcha .btn.change span { 
			display: inline-block; 
			vertical-align: inherit; 
			background-position: -15px -15px;
		}
		
		.captcha .btn.validate, .captcha .btn.cancel { font-size: .9em; padding: .2em .6em; }
		
		.captcha label { width: 100%; text-align: left; margin-top: 1em; }
	
	
		/* sides */
		.left .widget.newsletters .container, 
		.right .widget.newsletters .container { margin: 1%; border: solid 1px #999; }
		
		.left .widget.newsletters .title,
		.right .widget.newsletters .title	{ font-weight: normal; padding: 4%; font-size: 1.3em; background: #222; }
		
		.left .widget.newsletters .description,
		.right .widget.newsletters .description{ padding: 1% 5%; }
	
	
/* notifications */
#notice, .ui-tooltip { color: #000; }

.message { padding-left: 0; color: #000 }

table .warning, .info { background: transparent; border: none; color: #FFF; }

table .message { padding: 0; margin: 0; ; font-size: .8em; }

table .warning { color: #ecb917; }


/* buttons */
.btn, .info-box .title a  { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 0 -1px 1px #000;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	transition: border .5s, color .5s;
	-moz-transition: border .5s, color .5s; /* Firefox 4 */
	-webkit-transition: border .5s, color .5s; /* Safari and Chrome */
	-o-transition: border .5s, color .5s; /* Opera */
	
	/* http://www.colorzilla.com/gradient-editor/ */
	background: #444444; /* Old browsers */

	background: -moz-linear-gradient(top,  #444444 0%, #555555 50%, #444444 51%, #777777 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#555555), color-stop(51%,#444444), color-stop(100%,#777777)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#777777',GradientType=0 ); /* IE6-8 */
}
.btn:hover, .info-box .title a:hover { 
	border-color: #666; 
	color: #AAA;

	/* http://www.colorzilla.com/gradient-editor/ */
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top,  #222222 0%, #333333 50%, #222222 51%, #555555 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#333333), color-stop(51%,#222222), color-stop(100%,#555555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#555555',GradientType=0 ); /* IE6-8 */
}
.grid .btn, .list .btn { font-size: .9em; letter-spacing: .1em; padding: .2em .8em; }

.btn.remove { font-size: 0; padding: 2px 4px; height: auto; vertical-align: middle; }

.btn.remove  span { background-position: -30px -15px; display: inline-block; vertical-align: inherit; }

.btn > span { height: 15px; width: 15px; background: url(/css/ecommerce/themes/dark_full/img/icons.png) no-repeat; }


/* page: shopping cart */
.cart .promo-code { width: 25%; margin-right: 25%; display: inline-block; }

.cart .promo-code .btn.add { padding: .3em .8em; font-size: .9em; }

.cart .promo-code .title { background: #222; padding: 4%; font-size: 1.1em; font-weight: normal; margin-bottom: 0; }

.cart .promo-code .container { border: solid 1px #333; }

.cart .promo-code .content { padding: 5%; }

.cart .promo-code label { display: none; }

.cart .promo-code input { width: 100%; }

.cart .promo-code .form.buttons { margin: 5% 0 1%; text-align: right; }

.cart .promo-code form { display: none; }


/* page: search results */

	/* view options */
	.view-options  { border-bottom: 1px solid #333333; border-top: 1px solid #444444; display: block; padding: 1em 1.5em 1.5em; }

	.view-options .btn  { font-size: 0; padding: 2px 6px; }
	
	.view-options .btn  span { display: inline-block; vertical-align: middle; }

	.btn.active { opacity: .25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); }

	.btn.asc  span		{ background-position: 0 0; }
	.btn.desc  span		{ background-position: 0 -15px; }
	.btn.list-mode span	{ background-position: -30px 0; }
	.btn.grid-mode span	{ background-position: -15px 0; }
	

/* page: product details */
.product-details .col.one { width: 40% }

.product-details .col.two { width: 58%; margin-left: 2%; }

.product-details .prices { text-align: right; font-size: 2.2em; }

.product-details .prices .minimum.promotional, .product-details .prices .promotional .regular-price, .product-details .prices .discount-percent { font-size: .5em; }

.product-details .status{ text-align: right; padding: .75em 0; }

.product-details .widget.rating .container { border: 1px solid #999999; margin: 1%; }

.product-details .widget.rating .title { font-weight: normal; padding: 4%; font-size: 1.3em; }

.product-details .widget.rating .content { padding: 1% 5% 5%; text-align: center; }

.product-details .widget.rating .content a { margin: 1em 0 .5em; display: block; }


	/* rating window */
	.rating-window { background: url(/css/ecommerce/themes/dark_full/img/subtle-carbon.png) repeat; }

	.rating-window .btn.remove { margin: -54px 10px 0 0; }

	.rating-window fieldset { margin: 0; padding: 0 3% 3%; }

	.rating-window textarea { width: 90%; margin: auto; display: block; clear: both; }

	.rating-window .form.buttons { width: 100%; margin: 7px 0 0; }
	
	.rating-window .rating { 
		width: auto; 
		display: inline-block; 
		min-width: 45%; 
		background: #222; 
		margin: 0 5% 12px 0; 
		float: right;
		border: solid 1px #111;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.rating-window .rating span, .rating-window .rating .star-rating { display: inline-block; vertical-align: middle; }
	
	.rating-window .rating span { padding: 0 1em; }
	
	.rating-window .form.buttons { width: 90%; display: block; margin: 12px auto; }
	

	/* UI Tabs */
	.ui-tabs-nav { border-color: #555; }
	.ui-state-default a { 
		color: #AAA;
		border-color: #666;
	
		/* http://www.colorzilla.com/gradient-editor/ */
		background: #222222; /* Old browsers */
		background: -moz-linear-gradient(top,  #222222 0%, #333333 50%, #222222 51%, #555555 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#333333), color-stop(51%,#222222), color-stop(100%,#555555)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #222222 0%,#333333 50%,#222222 51%,#555555 100%); /* W3C */
	}
	.ui-state-default a:hover {
		color: #FFF;
		
		text-shadow: 0 -1px 1px #000;
		
		transition: border .5s, color .5s;
		-moz-transition: border .5s, color .5s; /* Firefox 4 */
		-webkit-transition: border .5s, color .5s; /* Safari and Chrome */
		-o-transition: border .5s, color .5s; /* Opera */
	
		/* http://www.colorzilla.com/gradient-editor/ */
		background: #444444; /* Old browsers */
		background: -moz-linear-gradient(top,  #444444 0%, #555555 50%, #444444 51%, #777777 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#555555), color-stop(51%,#444444), color-stop(100%,#777777)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #444444 0%,#555555 50%,#444444 51%,#777777 100%); /* W3C */
	}
	
	
	/* user reviews */
	.avg-rating { 
		float: right; 
		
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
		border-radius: 6px;
		
		min-width: 30%; 
		width: auto; 
		background: #222; 
		margin-bottom: 1em;
		padding: .25em;
	}
	.avg-rating span, .avg-rating .star-rating { display: inline-block; vertical-align: middle; margin: 0; position: relative; left: 0; }
	
	.avg-rating span { padding: 1em; }
	
	.user-review { border: solid 1px #444; }
	
	.user-review:first-child { clear: both; }
	
	.user-review + .user-review { margin-top: 1em; }
	
	.user-review .sidebar { background: #222; height: 100%; }
	
	.user-review .comment { background: url("/css/ecommerce/themes/dark_full/img/dark-leather.png") repeat scroll 0 0 transparent; }
	
	.user-review .container { margin: 2%; }
	
	.user-review .star-rating { left: 0; position: relative; margin: .5em 0 1em 0; }
	
	.user-review .vote-links { background: #000; padding: 1%; text-align: right; margin-top: 1em; vertical-align: bottom; }
	
	.user-review .vote-links span + a { margin-left: 1em; }
	
	.user-review .vote-links .no { margin: 0 .5em 0 1em; }
	
	.user-review .vote-links .yes { margin-right: .5em; }
	
	.user-review .date { background: #111; text-align: center; font-size: .8em; letter-spacing: .2em; margin-bottom: 1em; }
	
	.user-review .location { color: #666; }
	
	.user-review p { letter-spacing: .075em; word-spacing: .1em; line-height: 1.8em; font-size: 1em; }


/* page: control panel */
.account-menu { padding: 1% 5%; }

.account-menu li + li { margin-top: 1px; }

.account-menu li.selected a { background: #444; }

.account-menu li a{ 
	text-decoration: none; 
	font-size: 1em; 
	padding: .5em 1.5em; 
	background: #222; 
	display: block;
}
.account-menu li a:hover{ background: #333; }


/* page: checkout */
.status .title { font-weight: normal; padding: 4%; font-size: 1.3em; margin-bottom: 0; }

.status .container { margin: 1%; border: solid 1px #999;  }

.status .content li > div, .status .content li > a { display: block; padding: 4%; background: #222; border-top: solid 1px #444; border-bottom: solid 1px #333; margin-top: 1px; }

.status .content > li a { padding-right: 26px; text-decoration: none; }

.status .content > li a:hover { background-color: #333; }

.status .content > li a.active span { background: url(/css/ecommerce/themes/dark_full/img/icons.png) no-repeat 0 -30px; width: 15px; height: 15px; display: inline-block; float: right; margin-right: -20px; }

.status .content > li .address { padding: 6% 4%; }


/* page: sitemap */
.sitemap a { color: #999; }

.sitemap a:hover { color: #DDD; }

.sitemap ul li a { font-size: 14px; font-weight: bold; width: 90%; border-bottom: solid 2px #666; margin-bottom: 6px; padding-bottom: 6px; }

.sitemap ul li ul li a { padding-left: 2px; font-size: 10px; font-weight: normal; border-bottom: none; margin-bottom: 0; width: auto; padding-bottom: 0; }



html {
 background-image: none;
 background-color: white;
}
.wrapper.header {
 background-color: black;
 background-image: none;
 padding: 0;
 border: none;
 text-transform: uppercase;
}
.wrapper > .container {
 width: 1170px;
 margin-right: auto;
 margin-left: auto;
 border: none;
}
.cart-account {
 width: 100%;
 font-size: 12px;
 font-weight: bold;
 z-index: 1;
 background: #222;
}
.cart-account a {
 margin-right: 10px;
 float: right;
 padding: 5px 2px;
 color: white;
 background: none;
 -webkit-transition: color 0.25s, -webkit-transform 0.25s;
 transition: color 0.25s, transform 0.25s;
}
.cart-account a:hover {
 background: none;
 color: #BBB;
 -webkit-transition: color 0.25s, -webkit-transform 0.25s;
 transition: color 0.25s, transform 0.25s;
}
.cart-account a > span {
 background: none;
}
.cart-account a + a {
 border: none;
}
.header .logo {
 padding-top: 40px;
 margin-left: 5px;
 width: 15%;
 float: left;
 bottom: -4px;
 position: relative;
}
.header .form-search {
 text-align: right;
 margin-top: 51px;
 float: right;
 width: 25%;
 margin-bottom: 5px;
}
.header .form-search input {
 width: 60%;
 margin-right: 0;
 float: none;
}
input:hover,
select:hover {
 border: none;
}
.header .form-search button {
 color: white;
 background-color: #BDC3C7;
 background-image: none;
 text-shadow: none;
 border-radius: 0 3px 3px 0;
 padding: 6px;
 text-transform: uppercase;
 line-height: 21px;
 margin: 0;
 border: none;
 -webkit-transition: background-color 0.25s, -webkit-transform 0.25s;
 transition: background-color 0.25s, transform 0.25s;
}
.header .form-search button:hover {
 color: white;
 background-color: #CACFD2;
 background-image: none;
 text-shadow: none;
 border-radius: 0 3px 3px 0;
 padding: 6px;
 text-transform: uppercase;
 line-height: 21px;
 margin: 0;
 border: none;
 -webkit-transition: background-color 0.25s, -webkit-transform 0.25s;
 transition: background-color 0.25s, transform 0.25s;
}
.logo img {
 width: 100px;
 margin-top: 10px;
}
@media (max-width: 992px) {
 .wrapper .container {
 width: 100%;
 max-width: none;
 padding-right: 0;
 padding-left: 0;
 }
 .cart-account {
 width: 100%;
 text-align: center;
 padding: 0;
 margin: 0;
 }
 .cart-account a {
 float: none;
 font-size: 20px;
 margin: 5px 0;
 }
 .cart-account a:nth-child(3) {
 margin-right: 20px;
 }
 .header .logo {
 padding: 40px 0 0 10px;
 width: 100%;
 float: none;
 text-align: center;
 }
 .header .form-search {
 text-align: center;
 margin-top: 10px;
 float: none;
 width: 100%;
 }
 .header .form-search input {
 width: 50%;
 }
}
@media (max-width: 767px) {
 .header .form-search input {
 width: 70%;
 }
 .cart-account a {
 font-size: 14px;
 }
}
.wrapper.nav {
 display: none;
}
#menu {
 bottom: 40px;
 z-index: 99;
 position: relative;
 background-color: transparent;
 margin: 0 10%;
 text-transform: uppercase;
}
#primary_nav_wrap {
 margin-top: 15px;
}
#primary_nav_wrap ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#primary_nav_wrap ul a,
#primary_nav_wrap ul label {
 display: block;
 color: white;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 line-height: 32px;
 padding: 0 15px;
}
#primary_nav_wrap ul a:hover {
 color: #BBB;
 -webkit-transition: color 0.25s, -webkit-transform 0.25s;
 transition: color 0.25s, transform 0.25s;
}
#primary_nav_wrap ul li {
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
}
#primary_nav_wrap ul li.current-menu-item {
 background: #dddddd;
}
#primary_nav_wrap ul ul {
 display: none;
 position: absolute;
 top: 75%;
 left: 0;
 background: black;
 padding: 0;
 width: 180px;
}
#primary_nav_wrap ul ul li {
 float: none;
 width: 200px;
}
#primary_nav_wrap ul ul a {
 line-height: 120%;
 padding: 10px 15px;
}
#primary_nav_wrap ul ul ul {
 top: 0;
 left: 100%;
}
#primary_nav_wrap ul li:hover > ul {
 display: block;
}
@media (max-width: 992px) {
 #menu {
 left: 0;
 bottom: 0;
 margin: 0;
 background-color: black;
 text-align: center;
 padding: 20px 0;
 }
 #primary_nav_wrap ul li {
 width: 25%;
 }
 #primary_nav_wrap ul a,
 #primary_nav_wrap ul label {
 font-size: 20px;
 }
 #primary_nav_wrap {
 margin-top: 15px;
 position: relative;
 top: -20px;
 }
 #primary_nav_wrap ul ul {
 top: 100%;
 width: 200px;
 }
 #primary_nav_wrap ul ul a {
 text-align: left;
 }
}
@media (max-width: 767px) {
 #menu {
 font-size: 12px;
 line-height: 2;
 }
 #primary_nav_wrap ul a,
 #primary_nav_wrap ul label {
 font-size: 14px;
 }
}
.wrapper.body {
 background-color: white;
 background-image: none;
 padding: 0;
 border: none;
}
.col.center.nosides {
 width: 100%;
 margin: 0;
}
.widget + .widget {
 margin-top: 0;
}
@media (max-width: 992px) {
 .col.center.nosides {
 width: 90%;
 margin: 0 5%;
 }
}
.title {
 font-family: 'Source Sans Pro', sans-serif;
}
.title,
.info-box .title {
 border-bottom: solid 1px #DDDDDD;
}
.center .widget .title,
.locations .city {
 font-size: 42px;
 font-weight: normal;
 line-height: 44px;
 margin: 10px 0 20px;
 padding: 10px;
 position: relative;
 border-bottom: 1px solid #DDDDDD;
 color: #333;
 text-align: center;
 text-transform: uppercase;
 z-index: 2;
}
.center .widget .title:after {
 display: none;
}
h2 {
 color: #2c3e50;
 border-bottom: 1px solid #DDDDDD;
 font-weight: lighter;
 font-size: 35px;
}
.grid .item .container {
 text-align: center;
 padding: 0;
 border: none;
 transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
}
/*
.grid .item .container:hover{
 border: 1px solid #BBBBBB;
 box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);
 padding-bottom: 0;
 transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
}*/
.details {
 max-width: 175px;
 margin: auto;
}
.grid .item .price-box {
 color: #333;
 margin: 0;
}
.grid .item .actions {
 bottom: 30px;
 position: relative;
}
.grid .item .product-name {
 text-align: center;
}
.item .product-name a {
 border-bottom: none;
 color: #333;
 line-height: 20px;
 font-size: 14px;
}
.item .product-name a:hover {
 color: #2c3e50;
 border-bottom: none;
}
.product-id {
 display: none;
}
.grid .item .actions {
 background: none;
}
.regular-price {
 font-size: 18px;
 font-weight: bold;
}
.grid .price-box .regular,
.grid .price-box.minimal {
 height: 35px;
}
.grid .btn,
.features .btn,
.actions .btn,
.buttons .btn,
.info-box .title a,
.remove .btn,
.options .btn {
 color: #ffffff;
 background: rgba(0, 0, 0, 0.8);
 text-shadow: none;
 text-transform: uppercase;
 border: none;
 border-radius: 0px;
 font-size: 13px;
 font-weight: normal;
 line-height: 1.4;
 padding: 6px 12px;
 transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s;
 -webkit-transition: all 0.5s ease 0s;
 -ms-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s;
}
@media (max-width: 992px) {
 .grid .btn,
 .features .btn,
 .actions .btn,
 .buttons .btn,
 .info-box .title a,
 .remove .btn,
 .options .btn {
 padding: 10px 20px;
 }
}
.grid .btn:hover,
.features .btn:hover,
.actions .btn:hover,
.buttons .btn:hover,
.info-box .title a:hover,
.remove .btn:hover,
.options .btn:hover {
 background: #444;
 color: white;
 transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s;
 -webkit-transition: all 0.5s ease 0s;
 -ms-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s;
}
#product_details {
 text-transform: uppercase;
}
#product_details .title {
 color: #2c3e50;
 border-bottom: 1px solid #DDDDDD;
 font-weight: lighter;
 font-size: 35px;
}
#product_details .price-box {
 color: #333;
 padding: 20px;
 margin: 0 0 20px 0;
}
#product_details .regular-price {
 font-size: 35px;
}
.product-details .col.one {
 width: 40%;
}
.product-details .col.two {
 width: 50%;
 margin-left: 10%;
}
.product-media-thumbnails {
 margin-right: 8%;
}
.product-details .product-thumb-wrapper + .product-thumb-wrapper {
 margin-left: 0;
 margin-right: 3.7%;
}
.attribute-wrapper,
.product.actions {
 text-align: left;
}
.form li.field,
.form li.attribute {
 height: 30px;
 background-color: #222;
 padding: 3%;
}
.form.add-to-cart {
 margin-top: 1px;
}
.attribute-value,
.attribute > span,
.input-text.qty {
 float: right;
}
.form.buttons {
 margin: 0 0 3%;
}
#product_details .button {
 text-align: right;
}
.breadcrumbs {
 color: black;
 width: 80%;
 padding: 10px 0 10px 0;
 text-transform: uppercase;
}
.breadcrumbs a {
 color: black;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
.breadcrumbs a:hover {
 color: #BBB;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
.product-image-main .product-image {
 border: 1px solid #dddddd;
 padding: 10px;
}
@media (max-width: 992px) {
 #attributes_selection {
 margin-top: -30px;
 }
 .product-details .col.one {
 width: 100%;
 margin: 0 0 40px 0;
 text-align: center;
 }
 .product-details .col.two {
 width: 100%;
 margin: 0;
 text-align: center;
 }
 #product_details .price-box {
 text-align: center;
 }
 .btn.add-to-cart {
 padding: 10px 20px;
 margin: 20px 40% 0 40%;
 width: 20%;
 }
 .product-image {
 width: 75%;
 }
 .breadcrumbs {
 width: 100%;
 text-align: center;
 font-size: 20px;
 margin-bottom: 20px;
 }
 .message.categories {
 text-align: center;
 }
}
@media (max-width: 767px) {
 .grid .item .container {
 text-align: center;
 }
 #product_details .title {
 font-size: 18px;
 }
 #product_details .regular-price {
 font-size: 18px;
 }
 .breadcrumbs {
 font-size: 14px;
 }
 .attribute-value,
 .attribute > span,
 .input-text.qty {
 float: left;
 margin-left: 10%;
 }
 .btn.add-to-cart {
 margin: 20px 30% 0 30%;
 width: 40%;
 }
}
@media (max-width: 767px) {
 .item.fourth,
 .item.forth {
 width: 100% !important;
 }
 .item.third {
 width: 100% !important;
 }
}
@media (min-width: 767px) {
 .item.fourth,
 .item.forth {
 width: 46% !important;
 }
 .item.fourth,
 .item.forth {
 margin-left: 4%;
 }
 .item.fourth .img-block img {
 height: 260px;
 width: 100%;
 }
 .item.third {
 width: 29% !important;
 }
 .features > .item.third {
 margin-left: 4%;
 }
 .item.third .img-block img {
 height: 271px;
 width: 100%;
 }
}
@media (min-width: 992px) {
 .item.fourth,
 .item.forth {
 width: 23% !important;
 }
 .item.fourth,
 .item.forth {
 margin-left: 2%;
 }
 .item.fourth .img-block img {
 height: 242px;
 width: 100%;
 }
}
#slider {
 margin: 0;
 top: -19px;
 position: relative;
}
.banner-preload img {
 height: 400px !important;
 max-width: 100%;
}
.rslides {
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
}
.rslides li {
 -webkit-backface-visibility: hidden;
 position: absolute;
 display: none;
 width: 100%;
}
.rslides li:first-child {
 position: relative;
 display: block;
 float: left;
}
.rslides img {
 height: auto;
 float: left;
 width: 100%;
 border: 0;
}
.rslides img.slide {
 display: block;
}
.rslides img.slide-phone {
 display: none;
}
.slide-content {
 background-color: rgba(0, 0, 0, 0.6);
 position: absolute;
 top: 125px;
 margin-left: 10%;
 width: 60%;
 float: left;
}
.slide-content > h1 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 800;
 color: white;
 text-transform: uppercase;
 font-size: 60px;
 line-height: 1.1;
 margin: 30px 15px;
}
.rslides1_nav {
 position: absolute;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 top: 50%;
 left: 0;
 z-index: 99;
 opacity: 0.7;
 text-indent: -9999px;
 overflow: hidden;
 text-decoration: none;
 height: 61px;
 width: 38px !important;
 background: transparent url("http://www.kixs.ca/img/css/themes.gif") no-repeat left top;
 margin-top: -45px;
}
.rslides1_nav:active {
 opacity: 1.0;
}
.rslides1_nav.next {
 left: auto;
 background-position: right top;
 right: 0;
}
.rslides2_nav {
 position: absolute;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 top: 0;
 left: 0;
 display: block;
 background: #fff;
 /* Fix for IE6-9 */
 opacity: 0;
 filter: alpha(opacity=1);
 width: 48%;
 text-indent: -9999px;
 overflow: hidden;
 height: 91%;
}
.rslides2_nav.next {
 left: auto;
 right: 0;
}
@media (max-width: 992px) {
 #slider {
 top: 0;
 }
 .banner-preload img {
 height: 325px !important;
 }
 .slide-content {
 top: 50px;
 }
 .slide-content > h1 {
 font-size: 40px;
 text-align: center;
 }
 .slide-content {
 margin-left: 15%;
 width: 70%;
 }
}
@media (max-width: 767px) {
 .banner-preload img {
 height: 260px !important;
 }
 .rslides img.slide {
 display: none;
 }
 .rslides img.slide-phone {
 display: block;
 }
 .slide-content > h1 {
 font-size: 30px;
 margin: 15px 15px;
 }
 .slide-content {
 margin-left: 15%;
 width: 70%;
 top: 20px;
 }
}
.features.fourth {
 margin: 0 6% 0 4%;
}
.features.third {
 margin: 0 12% 0 8%;
}
.features .inner {
 display: block;
 position: relative;
 margin-bottom: 30px;
 height: auto;
}
.features p {
 font-size: 14px;
 line-height: 15px;
}
.features h1 {
 margin-bottom: 10px;
}
.features .inner .box-content-overly-white {
 right: 0;
 text-align: center;
}
.box-content-overly.box-content-overly-white {
 opacity: 0;
}
.features .inner:hover .box-content-overly-white {
 opacity: 1;
 background: rgba(255, 255, 255, 0.8);
 visibility: visible;
}
.box-content-overly {
 background: rgba(0, 0, 0, 0);
 height: 100%;
 position: absolute;
 right: 5px;
 top: 0;
 visibility: hidden;
 width: 100%;
 z-index: 5;
 transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -ms-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}
.box-text-table {
 display: table;
 height: 100%;
 width: 100%;
 position: absolute;
 z-index: 10;
}
.box-text-cell {
 display: table-cell;
 height: 100%;
 width: 100%;
 vertical-align: top;
 padding-top: 20px;
}
.box-text-cell-inner.dark {
 color: #333;
}
.box-text-cell-inner {
 max-width: 70%;
 display: block;
 margin-left: 15%;
}
.features .inner .box-text-cell-inner h1 {
 font-size: 20px;
 letter-spacing: inherit;
 margin-top: 22px;
 font-weight: 600;
}
.box-text h1,
.box-text-cell-inner h1 {
 font-size: 36px;
 letter-spacing: 3px;
 font-weight: normal;
 text-transform: uppercase;
}
.submini {
 height: 2px;
 max-width: 50px;
 margin: 15px auto;
 background: #333;
 box-shadow: none;
 border: none;
}
.features .inner:hover .img-title {
 visibility: hidden;
 opacity: 0;
}
.features .inner .img-title {
 background-color: rgba(0, 0, 0, 0.8);
 color: white;
 display: block;
 font-size: 13px;
 font-weight: normal;
 letter-spacing: inherit;
 position: absolute;
 text-align: center;
 text-shadow: 1px 0px 2px #555;
 text-transform: uppercase;
 top: 40%;
 width: 70%;
 margin-left: 10%;
 padding: 10px 10px;
 z-index: 100;
 transition: opacity .2s linear,visibility .2s linear;
}
.features .btn {
 padding: 10px 1px;
}
@media (max-width: 992px) {
 .features.fourth {
 margin: 0 10% 0 8%;
 }
 .features.third {
 margin: 0 4% 0 0;
 }
}
@media (max-width: 767px) {
 .item.third .img-block img,
 .item.fourth .img-block img {
 height: 225px;
 width: 100%;
 }
}
#promotions .item {
 text-align: center;
 margin-top: 20px;
 width: 25%;
}
#promotions .product-image {
 max-width: 175px;
}
@media (max-width: 992px) {
 #promotions .item {
 width: 50%;
 }
}
@media (max-width: 767px) {
 #promotions .item {
 width: 100%;
 }
}
.sub-nav.brandname a {
 display: inline;
 background: none;
 color: #333;
}
.sub-nav.brandname a:hover {
 display: inline;
 background: none;
 color: #BBB;
}
.brandname li {
 float: left;
 width: 25%;
}
@media (max-width: 992px) {
 .brandname li {
 float: left;
 width: 50%;
 margin: 10px 0;
 }
 .sub-nav.brandname a {
 font-size: 20px;
 }
}
@media (max-width: 767px) {
 .sub-nav.brandname a {
 font-size: 12px;
 }
}
.wrapper.footer {
 background-color: black;
 background-image: none;
 border: none;
 padding: 10px 0 5px 0;
}
.footer .container {
 max-width: 1170px;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}
.footer .required-info {
 text-align: left;
}
.footer .required-info li {
 text-align: left;
}
.footer .required-info .powered-by {
 width: 100%;
 margin-left: 0;
 margin-top: 0;
}
.footer .required-info li + li {
 margin-left: 0;
}
.footer .required-info li {
 width: 100%;
 display: inline-block;
}
#footer {
 margin: 100px 0 0 0;
 background-color: #222;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 60px;
 text-transform: uppercase;
}
#footer ul {
 font-size: 13px;
 list-style-type: none;
 padding-left: 0;
 margin: 15px 25px 0 0;
 color: white;
}
#footer h3 {
 border-bottom: 1px solid #BAC1C8;
 color: #7F8C8D;
 font-size: 18px;
 font-weight: 600;
 line-height: 27px;
 padding: 40px 0 10px;
 text-transform: uppercase;
 margin-right: 25px;
}
#footer ul li a {
 padding: 0 0 5px 0;
 display: block;
}
.footer .required-info li {
 width: inherit;
 display: inline;
 margin-right: 10px;
 padding-left: 5px;
}
.footer .required-info .powered-by {
 margin-top: 20px;
 display: block;
}
.footer .required-info .copyright {
 display: block;
}
@media (max-width: 992px) {
 #footer {
 text-align: center;
 }
 .footer .required-info .powered-by {
 text-align: center;
 }
 .footer .required-info .copyright {
 text-align: center;
 }
 .wrapper.footer {
 text-align: center;
 font-size: 18px;
 }
 #footer ul li a {
 padding: 0 0 10px 0;
 }
}
@media (max-width: 767px) {
 .footer .required-info li {
 display: block;
 text-align: center;
 margin-right: 30px;
 padding-left: 0;
 }
 #footer ul li a {
 padding: 0 0 10px 0;
 }
 #footer h3 {
 margin-right: 0;
 }
 #footer ul {
 margin-right: 0;
 }
 .wrapper.footer {
 font-size: 14px;
 }
}
.title.page {
 color: #2c3e50;
 font-weight: normal;
 font-size: 42px;
 font-family: 'Source Sans Pro', sans-serif;
 border-bottom: solid 1px #DDDDDD;
 line-height: 1.2em;
 text-align: center;
 margin-top: 20px;
 text-transform: uppercase;
}
.account-menu {
 margin-top: 20px;
}
.form li.field,
.form li.attribute {
 height: 30px;
 background-color: #222;
 padding: 2%;
}
div.login {
 display: inline-block;
 width: 80%;
 float: right;
 margin: 0 10%;
}
.input-text,
select {
 float: right;
 width: 30%;
}
fieldset .checkbox input {
 float: right;
}
#forgotpwd-form .password {
 padding-bottom: 40px !important;
}
.forgot-pwd {
 float: right;
 margin-top: 10px;
}
.login .actions {
 text-align: center;
}
.ssl-img {
 margin-top: 1em;
 width: 100px;
}
fieldset {
 border: none;
 padding: 0;
 margin: 0 10%;
}
li.button {
 text-align: center;
 margin-top: 10px;
}
li.mandatory {
 text-align: center;
}
#form-validate .two-col {
 width: 100%;
 margin-left: 0;
}
.col.two-col + .two-col {
 margin-top: 20px;
 margin-left: 2%;
}
#form-validate legend,
#customer_info_form legend,
#newsletter_form legend {
 display: none;
}
.form.create-account li.checkbox label {
 width: auto;
 margin-left: 10px;
}
.info-box {
 border: none;
}
.info-box .title {
 padding: 0;
 background: none;
 border: none;
 font-size: 1.3em;
 font-weight: normal;
 color: #2c3e50;
}
.info-box .content {
 border: solid 1px #666;
 padding: 10px;
 color: #666;
 min-height: 100px;
}
.my-account a {
 color: #2c3e50;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
.my-account a:hover {
 color: #BBB;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
.my-account .details {
 max-width: none;
}
.info-box.shipping-address .content select {
 border: #999 solid 1px;
}
#address_section {
 margin-top: 20px;
}
.account-menu {
 padding: 0;
}
.account-menu li a {
 background: #222;
 color: white;
 transition: all 0.25s, transform 0.25s;
}
.account-menu li a:hover {
 background: #444;
 color: white;
 transition: all 0.25s, transform 0.25s;
}
.status .title {
 background: none;
 background-color: #222;
}
.shipping .title {
 border: none;
}
.col.left {
 width: 20%;
 margin-top: 0;
}
.col.center.oneside {
 width: 76%;
 margin-right: 0;
 margin-left: 4%;
}
.form li.field.password {
 height: 50px;
}
.login ol.actions {
 margin: 0;
}
.shipping-method li.field.pickup {
 height: 150px;
}
.shipping-method h2 {
 color: white;
 font-size: 20px;
 border-bottom: none;
}
@media (max-width: 992px) {
 .col.left {
 width: 60%;
 margin: 0 20%;
 }
 .col.center.oneside {
 width: 80%;
 margin: 0 10%;
 }
 .account-menu li a {
 font-size: 18px;
 padding: 20px;
 }
 .input-text,
 select {
 width: 45%;
 }
 .account-menu {
 text-align: center;
 }
 .info-box {
 width: 100%;
 margin-bottom: 20px;
 }
 .info-box + .info-box {
 margin-left: 0;
 }
 .info-box .title {
 min-height: 25px;
 }
 fieldset {
 margin: 0;
 }
 .form li.field.password {
 height: 60px;
 }
}
@media (max-width: 767px) {
 .col.left,
 .col.center.oneside {
 width: 80%;
 margin: 0 10%;
 }
 .form li.field,
 .form li.attribute {
 height: 60px;
 }
 .input-text {
 width: 80%;
 margin-right: 10%;
 }
 select {
 width: 80%;
 margin-right: 10%;
 }
 .form label {
 margin-left: 10%;
 }
 .info-box .title {
 font-size: 1em;
 }
 .form li.field.password {
 height: 90px;
 }
 .forgot-pwd {
 text-align: center;
 font-size: 16px;
 }
}
#notice {
 width: 40%;
 margin-left: 0;
 left: 30%;
}
#notice .error {
 color: #2c3e50;
 background: white;
 font-weight: normal;
 padding: 30px;
 line-height: 1em;
}
#notice .error > div {
 display: none;
}
#notice > div {
 border: solid 1px #222;
 min-height: 0;
}
.fv_error_tt {
 background-color: white;
 border: solid 1px #222;
 padding: 12px;
}
.error a {
 color: #2c3e50;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
.error a:hover {
 color: #BBB;
 text-decoration: underline;
 transition: color 0.25s, transform 0.25s;
}
thead {
 background: none;
 color: #2c3e50;
 border-top: none;
 border-bottom: none;
 border-left: none;
 border-right: none;
}
table .odd {
 background: #EEEEEE;
}
tr {
 border-bottom: solid 1px #DDDDDD;
}
th {
 color: #666;
}
th + th {
 border-left: solid 1px #DDDDDD;
}
td + td {
 border-left: 1px dotted #DDDDDD;
}
.remove .btn {
 font-size: 0;
 padding: 5px;
}
.btn.remove span {
 background-position: -24px -12px;
 background-size: 70px;
}
.product-name,
.price,
.unit-price {
 color: #666;
}
.subtotal .price,
.total .price {
 color: #BBB;
}
#shopping-cart-table .total .price {
 color: #666;
}
tr > .qty {
 width: 15%;
}
.btn > span {
 height: 12px;
 width: 10px;
}
table .product-name a {
 border: none;
 text-decoration: underline;
 color: #2c3e50;
 transition: color 0.25s, transform 0.25s;
}
table .product-name a:hover {
 color: #BBB;
 transition: color 0.25s, transform 0.25s;
}
#shopping-cart-table .input-text.qty {
 float: none;
 width: 80%;
 border: solid 1px #BBB;
}
@media (max-width: 767px) {
 #shopping-cart-table .input-text.qty {
 width: 60%;
 }
}
.totals tr {
 height: 50px;
 border-bottom: solid 1px white;
}
table.totals .label,
table.totals .amount {
 color: #BBB;
 padding: 10px;
 font-size: 12px;
 font-weight: normal;
}
table.totals .label {
 text-align: left;
 width: 70%;
}
@media (max-width: 767px) {
 table.totals .amount {
 width: 50%;
 }
}
table.totals .amount {
 text-align: right;
 width: 30%;
}
@media (max-width: 767px) {
 table.totals .amount {
 width: 50%;
 }
}
.cart .options li.continue {
 width: 100%;
 text-align: right;
}
.cart .options li.update {
 width: 100%;
 text-align: right;
}
.cart .options li.checkout {
 width: 100%;
 text-align: right;
}
@media (max-width: 767px) {
 tr > .image {
 display: none;
 }
 th {
 font-size: 8px;
 }
}
#shopping-cart-totals-table td + td,
.totals td + td {
 border-left: none;
}
.features a {
 width: 80%;
}
.stores > div {
 width: 60%;
 margin: 0 20% 0 20%;
 text-align: center;
 margin-bottom: 40px;
}
.stores {
 color: #333;
}
.stores label {
 width: 100%;
 font-size: 20px;
}
.city {
 margin-top: 50px !important;
}
.stores a {
 color: #BBB;
}
.stores a:hover {
 color: #333;
}
.article > .container > div {
 font-size: 14px;
 color: #444;
}
.col > .container {
 padding: 0;
}
.sub-nav {
 text-transform: uppercase;
}
.sub-nav .container {
 margin: 0;
 border: none;
}
.sub-nav .title {
 background: none;
 color: #2c3e50;
 font-family: 'Source Sans Pro', sans-serif;
 border-bottom: solid 1px #DDDDDD;
 padding: 10px 0;
}
.sub-nav ul {
 padding: 0;
}
.sub-nav a {
 background: #222;
 color: white;
 padding: .5em 1.5em;
 transition: all 0.25s, transform 0.25s;
}
.sub-nav a:hover {
 background: #444;
 color: white;
 padding: .5em 1.5em;
 transition: all 0.25s, transform 0.25s;
}
.sub-nav a:before {
 display: none;
}
.category-list li {
 margin-top: 1px;
}
.view-options {
 background: #222;
 border: none;
 padding: 10px 20px 0 20px;
}
.view-options label {
 border-bottom: solid 1px white;
 text-align: left;
 margin-bottom: 5px;
}
.view-options .btn {
 margin-left: 5px;
 background: none;
 border: none;
}
.view-options .btn span {
 width: 15px;
 height: 15px;
}
.view-options .view.sort-by {
 width: 60%;
 margin-right: 10%;
}
.view-options .view.page-limit {
 text-align: center;
 width: 30%;
 position: relative;
 top: -26px;
}
.view-options .view.mode {
 display: none;
}
.view.mode label {
 text-align: center;
}
.col.center.search-results.oneside {
 margin-top: 0;
}
.pages {
 background: #222;
}
.message.info span {
 display: none;
}
.sub-nav .message {
 text-align: left;
 color: black;
}
.list .odd {
 background: #EEEEEE;
}
@media (max-width: 992px) {
 .sub-nav .title {
 font-weight: lighter;
 font-size: 35px;
 text-align: center;
 line-height: 1;
 }
 .view-options {
 margin-top: 40px;
 }
 .sub-nav a {
 padding: 15px 20px;
 }
 .sub-nav a:hover {
 padding: 15px 20px;
 }
 .sub-nav li {
 text-align: center;
 }
}
@media (max-width: 767px) {
 .view-options .view.sort-by {
 width: 80%;
 margin-right: 10%;
 margin-left: 10%;
 }
 .view-options .view.page-limit {
 width: 80%;
 margin-right: 10%;
 margin-left: 10%;
 position: inherit;
 margin-top: 10px;
 margin-bottom: 20px;
 }
 .view-options .view.sort-by select,
 .view-options .view.page-limit select {
 margin-right: 0px;
 }
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
 position: relative;
 margin: 0 auto 60px;
 padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
 max-width: 100%;
 display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
 -moz-box-shadow: 0 0 5px #ccc;
 -webkit-box-shadow: 0 0 5px #ccc;
 box-shadow: 0 0 5px #ccc;
 border: 5px solid #fff;
 left: -5px;
 background: #fff;
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);
 -moz-transform: translatez(0);
 -ms-transform: translatez(0);
 -o-transform: translatez(0);
 transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -30px;
 width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url(http://www.kixs.ca/img/css/bx_loader.gif) center center no-repeat #ffffff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
 padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background: #666;
 text-indent: -9999px;
 display: block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 outline: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
 left: 10px;
 background: url(http://www.kixs.ca/img/css/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
 right: 10px;
 background: url(http://www.kixs.ca/img/css/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
 background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
 background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -16px;
 outline: 0;
 width: 32px !important;
 height: 32px;
 text-indent: -9999px;
 z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
 text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
 display: block;
 text-indent: -9999px;
 width: 10px;
 height: 11px;
 outline: 0;
 background: url(http://www.kixs.ca/img/css/controls.png) -86px -11px no-repeat;
 margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
 background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
 display: block;
 text-indent: -9999px;
 width: 9px;
 height: 11px;
 outline: 0;
 background: url(http://www.kixs.ca/img/css/controls.png) -86px -44px no-repeat;
 margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
 background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align: left;
 width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right: 0;
 width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666\9;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}
.bx-wrapper .bx-caption span {
 color: #fff;
 font-family: Arial;
 display: block;
 font-size: .85em;
 padding: 10px;
}
body {
 font-family: 'Source Sans Pro', sans-serif;
}
.wrapper {
 width: 100%;
}
a {
 color: white;
 text-decoration: none;
 -webkit-transition: color 0.25s, -webkit-transform 0.25s;
 transition: color 0.25s, transform 0.25s;
}
a:hover {
 color: #BBB;
 text-decoration: none;
 -webkit-transition: color 0.25s, -webkit-transform 0.25s;
 transition: color 0.25s, transform 0.25s;
}
input,
select,
textarea {
 color: #999;
 border: none;
 background: white;
 padding: 4px;
 font-size: 14px;
 border-radius: 3px 0 0 3px;
}