/*
Responsive Template Name: RS-1200 Prototype 38
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/
/* line 9, scss/base/_layout.scss */
html {
  overflow-y: scroll;
}

/* line 13, scss/base/_layout.scss */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.map {
    float: left;
    width: 60%;
}

.map img {
    max-width: 100%;
    height: auto;
    margin-left: 20px;
}

#shippingMethodsTable {
    display: inline-flex;
    float: left;
    width: 40%
}

/* line 20, scss/base/_layout.scss */
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #919191;
  background-color: #f0f0f0;
}

/* line 28, scss/base/_layout.scss */
body.boxed {
  color: #fff;
  background-color: #f0f0f0;
  min-width: 700px;
}

/*background-color:#A3BCCF*/
/* line 37, scss/base/_layout.scss */
#pageWrapper {
  margin: auto;
  max-width: 1000px;
}

/*------ For IE8 ------ */
/* line 45, scss/base/_layout.scss */
.justify {
  text-align: justify;
}

/* line 49, scss/base/_layout.scss */
.bold {
  font-weight: bold;
}

/* line 53, scss/base/_layout.scss */
.center {
  text-align: center;
}

/* line 57, scss/base/_layout.scss */
.right {
  text-align: right;
}

/* line 61, scss/base/_layout.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 65, scss/base/_layout.scss */
.hidden {
  display: none;
}

/* line 69, scss/base/_layout.scss */
.clear {
  display: block;
  clear: both;
}

/* line 74, scss/base/_layout.scss */
.clear:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  content: "";
}

/* line 83, scss/base/_layout.scss */
a {
  color: #595454;
  outline: none;
  text-decoration: none;
}

.activeButton2 {
    display: inline-block;
    border: 1px solid;
    border: none;
    background-color: #595454;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 7px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
}
 
 
/* line 113, scss/modules/_custom.scss */
 
.activeButton2:hover {
    background-color: #373535;
}
/* line 90, scss/base/_layout.scss */
.fl_left {
  float: left;
}

/* line 94, scss/base/_layout.scss */
.fl_right {
  float: right;
}

/* line 98, scss/base/_layout.scss */
img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  line-height: normal;
  vertical-align: middle;
}

/* line 109, scss/base/_layout.scss */
.boxholder {
  padding: 9px;
  border: 1px solid #D6D6D6;
}

/* line 114, scss/base/_layout.scss */
.imgl {
  float: left;
  margin: 0 15px 10px 0;
  clear: left;
}

/* line 120, scss/base/_layout.scss */
.imgr {
  float: right;
  margin: 0 0 10px 15px;
  clear: right;
}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/
/* line 129, scss/base/_layout.scss */
address,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

/*----------------------------------------------Responsive Videos-------------------------------------*/
/* line 147, scss/base/_layout.scss */
.video {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0 0 56.25% 0;
  /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */
}

/* line 157, scss/base/_layout.scss */
.video iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------Wrapper-------------------------------------*/
/* line 169, scss/base/_layout.scss */
div.wrapper,
.wrapper100 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  word-wrap: break-word;
}

/* line 179, scss/base/_layout.scss */
.row1,
.row1 a {
  color: #fff;
  background-color: #343434;
}

/* line 185, scss/base/_layout.scss */
.row2 {
  color: #fff;
  background-color: #fff;
}

/* line 190, scss/base/_layout.scss */
.row3 {
  color: #343434;
  background-color: #fff;
}

/* line 195, scss/base/_layout.scss */
.row4,
.row4 a {
  color: #fff;
  background-color: #fff;
}

/* line 201, scss/base/_layout.scss */
.row5 {
  color: #343434;
  background-color: #fff;
}

/* line 206, scss/base/_layout.scss */
.row6 {
  color: #fff;
  background-color: #fff;
}

/* line 211, scss/base/_layout.scss */
body.boxed .wrapper.row7 {
  background-color: #595454;
  border-top: 7px solid #fff;
  color: #fff;
}

/* line 217, scss/base/_layout.scss */
body.boxed .wrapper.row3.mainFrame {
  padding-left: 0;
  padding-right: 2.5%;
  min-height: 650px;
  overflow: hidden;
}

/*----------------------------------------------Generalise-------------------------------------*/
/* line 227, scss/base/_layout.scss */
body {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 231, scss/base/_layout.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px 0;
  font-size: 1.8em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: normal;
  text-transform: capitalize;
}

/* line 245, scss/base/_layout.scss */
address {
  margin: 10px 0;
  font-style: normal;
}

/* line 250, scss/base/_layout.scss */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 256, scss/base/_layout.scss */
#header,
#topnav,
#intro,
#container,
#footer,
#copyright {
  margin: 0 auto;
}

/* removes borders frorm fieldset and images */
/* line 268, scss/base/_layout.scss */
fieldset,
img {
  border: 0;
}

/*----------------------------------------------Header-------------------------------------*/
/* line 276, scss/base/_layout.scss */
#header {
  padding: 0 0 0px;
}

/* line 280, scss/base/_layout.scss */
#header hgroup {
  display: block;
  max-width: 920px;
  clear: right;
  margin: auto;
  padding: 0 10px;
}

/* line 288, scss/base/_layout.scss */
#header hgroup h1,
#header hgroup h2 {
  margin: 0;
  font-weight: normal;
  text-transform: none;
}

/* line 295, scss/base/_layout.scss */
#header hgroup h1 {
  font-size: 2em;
}

/* line 299, scss/base/_layout.scss */
#header hgroup h2 {
  font-size: 1em;
}

/* line 303, scss/base/_layout.scss */
#header #header-contact {
  clear: left;
  display: block;
  float: left;
  width: 50%;
  padding: 9px 0 4px;
}

/* line 311, scss/base/_layout.scss */
#header #header-contact ul {
  margin-top: 15px;
}

/* line 315, scss/base/_layout.scss */
#header #header-contact li {
  display: inline;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  border-left: 1px solid #C0BAB6;
}

/* line 322, scss/base/_layout.scss */
#header #header-contact li:first-child {
  margin: 0;
  padding: 0;
  border: none;
}

/* line 328, scss/base/_layout.scss */
#topBanner_container.row2 {
  background: none repeat scroll 0 0 #fff;
  border-top: 7px solid #fff;
  padding: 0 0 0 2.5%;
}

/* line 334, scss/base/_layout.scss */
#topBanner {
  padding: 8px 0;
  display: inline-block;
}

/* line 340, scss/base/_layout.scss */
#topBanner h1,
#topBanner h2 {
  margin: 0;
}

/* line 345, scss/base/_layout.scss */
#bannerLogo img {
  width: 275px;
  height: 67px;
}

/* line 350, scss/base/_layout.scss */
#topBanner {
  background: url(../images/order2U_logoBanner.png);
  width: 275px;
  height: 60px;
  background-size: 250px;
  background-repeat: no-repeat;
  background-position-y: 12px;
}

/*----------------------------------------------Content Area-------------------------------------*/
/* line 362, scss/base/_layout.scss */
#wideContent {
  margin: 0 0 0 2%;
  width: 98%;
  padding-top: 15px;
  min-height: 650px;
}

/* line 369, scss/base/_layout.scss */
#container {
  padding: 0 0 15px;
  clear: both;
  font-size: 1em;
  line-height: 1.4em;
}

/* line 376, scss/base/_layout.scss */
#container_tiles {
  padding: 0 2px 9px;
  clear: both;
  font-size: 1em;
  line-height: 1.4em;
}

/* line 383, scss/base/_layout.scss */
#container_info {
  clear: both;
  font-size: 0.9em;
  line-height: 1.4em;
}

/* line 389, scss/base/_layout.scss */
#container section {
  margin-bottom: 50px;
}

/* line 393, scss/base/_layout.scss */
#container section.last {
  margin-bottom: 0;
}

/* line 397, scss/base/_layout.scss */
#mainContent {
  margin: 0 0 0 2%;
  width: 76%;
  padding-top: 15px;
  margin-bottom: -3000px;
  padding-bottom: 3000px;
}

/* line 405, scss/base/_layout.scss */
.emphasise,
#container .emphasise {
  font-size: 2.8em;
  line-height: 1.4em;
}

/* line 411, scss/base/_layout.scss */
.font-small,
#container .font-small {
  font-size: 1em;
}

/* line 416, scss/base/_layout.scss */
.font-medium,
#container .font-medium {
  font-size: 1.2em;
}

/* line 421, scss/base/_layout.scss */
.font-large,
#container .font-large {
  font-size: 1.4em;
}

/* line 426, scss/base/_layout.scss */
.font-xl,
#container .xl-large {
  font-size: 4em;
  line-height: 1.2em;
}

/* line 432, scss/base/_layout.scss */
.font-xxl,
#container .xxl-large {
  font-size: 6em;
  font-weight: normal;
  line-height: 1.2em;
}

/* line 439, scss/base/_layout.scss */
#pageTitle {
  margin: 10px 0 0 0;
}

/* line 443, scss/base/_layout.scss */
.titleDescription p {
  margin-top: 5px;
}

/* Sidebar */
/* line 450, scss/base/_layout.scss */
#sidebar_1 {
  background: none repeat scroll 0 0 #EBEBEB;
  float: left;
  width: 22%;
  margin-bottom: -3000px;
  padding-bottom: 3000px;
}

/* line 458, scss/base/_layout.scss */
.sidebar aside {
  line-height: 1.2em;
}

/* line 462, scss/base/_layout.scss */
.sidebar aside h2 {
  border-bottom: 5px solid #0065A5;
  font-size: 1.6em;
  margin-bottom: 0;
  padding: 9px;
  background: none repeat scroll 0 0 #80ABCF;
  color: #fff;
}

/* line 471, scss/base/_layout.scss */
.sidebar aside ul.nospace li {
  margin-top: 20px;
}

/* line 475, scss/base/_layout.scss */
#savedCartId {
  width: 140px;
}

/* breadcrumbs */
/* line 482, scss/base/_layout.scss */
#crumbs {
  text-align: left;
  padding: 0;
  height: 18px;
}

/* line 488, scss/base/_layout.scss */
#crumbs a {
  display: block;
  float: left;
  text-align: left;
  font-size: 11px;
  text-decoration: none;
  color: #fff;
  padding: 2px;
}

/* line 498, scss/base/_layout.scss */
#crumbs ul {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding-left: 0;
}

/* line 505, scss/base/_layout.scss */
#crumbs ul li {
  display: inline;
}

/* line 509, scss/base/_layout.scss */
#crumbs ul li a {
  display: inline-block;
  float: left;
  text-align: left;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
}

/* line 518, scss/base/_layout.scss */
#crumbs ul li a:after {
  content: url("../images/breadcrumbArrow.png");
  padding-left: 6px;
  position: relative;
  top: 2px;
  z-index: 1;
}

/* line 526, scss/base/_layout.scss */
#crumbs ul li a:before {
  content: "";
}

/* line 532, scss/base/_layout.scss */
#crumbs ul li:first-child a:before {
  display: none;
}

/* line 538, scss/base/_layout.scss */
#crumbs ul li:last-child a:after {
  display: none;
}

/* line 542, scss/base/_layout.scss */
#crumbs ul li a:hover {
  color: #ccc;
}

/*----------------------------------------------Footer-------------------------------------*/
/* line 551, scss/base/_layout.scss */
#footerBanner {
  border-bottom: 1px solid #595454;
  height: 55px;
  background: url(../images/order2U_footerBanner.png);
  background-size: 200px auto;
  background-repeat: no-repeat;
  background-position-y: 7px;
}

/* line 560, scss/base/_layout.scss */
#footerLogo img {
  height: 40px;
  padding: 8px 0;
  width: 167px;
}

/* line 566, scss/base/_layout.scss */
#footer {
  padding: 20px 0 0;
}

/* line 570, scss/base/_layout.scss */
#footer .footer_title {
  font-size: 1.6em;
  margin-bottom: 10px;
  padding-bottom: 3px;
  color: #595454;
}

/* line 577, scss/base/_layout.scss */
#footer div {
  margin-bottom: 0;
}

/* line 581, scss/base/_layout.scss */
#footer .tweet-container li {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #333333;
}

/* line 587, scss/base/_layout.scss */
#footer .tweet-container li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 593, scss/base/_layout.scss */
#footer .tweet-container li .tweet_time {
  font-size: .8em;
}

/* line 597, scss/base/_layout.scss */
#footer #ft_gallery.spacing li {
  margin-bottom: 15px;
}

/* line 601, scss/base/_layout.scss */
#footer ul {
  list-style: none;
}

/* line 605, scss/base/_layout.scss */
#footer form label {
  display: block;
  width: 100%;
  margin: 0 0 18px 0;
}

/* line 611, scss/base/_layout.scss */
#footer form label input {
  margin-top: 5px;
}

/* line 615, scss/base/_layout.scss */
#footer form label input,
#footer form textarea {
  color: #fff;
  background-color: #333333;
  border-color: #666666;
}

/* line 622, scss/base/_layout.scss */
#footer form textarea {
  height: 120px;
}

/* line 626, scss/base/_layout.scss */
#footerContact ul {
  padding-left: 15px;
}

/* line 630, scss/base/_layout.scss */
#footer .nospace li {
  line-height: 1.5em;
}

/* line 634, scss/base/_layout.scss */
#footer .nospace li a {
  color: #111;
  font-size: 0.9em;
}

/* line 639, scss/base/_layout.scss */
#footer .nospace li a:hover {
  color: #595454;
  font-size: 0.9em;
}

/* line 644, scss/base/_layout.scss */
#footer .contact li,
#footer .contact li a {
  background-color: #be2bbb;
  color: #fff;
  font-size: 1em;
  padding: 2px 8px 2px 5px;
}

/* line 652, scss/base/_layout.scss */
#footer .contact li:hover,
#footer .contact li a:hover {
  background-color: #8b2089;
}

/* line 657, scss/base/_layout.scss */
#footer .email {
  margin: 0 8px 10px 2px;
}

/* line 661, scss/base/_layout.scss */
#footer .phone {
  margin-right: 10px;
  padding-left: 5px;
}

/* line 666, scss/base/_layout.scss */
#footerContact {
  border-left: 1px solid #595454;
  float: right;
  padding: 0 15px;
  width: 340px;
}

/* line 673, scss/base/_layout.scss */
#footerContact p {
  font-size: 11px;
  color: #111;
}

/* line 678, scss/base/_layout.scss */
#footer .contact li {
  margin-bottom: 20px;
}

/* line 682, scss/base/_layout.scss */
#footerShop {
  margin-left: 25px;
}

/*----------------------------------------------Copyright-------------------------------------*/
/* line 689, scss/base/_layout.scss */
#copyright {
  color: #111;
  font-size: 0.65em;
  padding: 0 0 15px;
}

/* line 695, scss/base/_layout.scss */
#copyright p {
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------------------------------------------*/
/*-----------------------------------------Navigation-------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/* Top Navigation */
/* line 712, scss/base/_layout.scss */
#mainNav {
  display: inline-block;
  float: right;
  height: 67px;
}

/* line 718, scss/base/_layout.scss */
#user {
  display: block;
  width: 40%;
  float: right;
}

/* line 724, scss/base/_layout.scss */
#cart {
  background-color: #595454;
  border-left: 7px solid #fff;
  bottom: 83px;
  left: 0px;
  padding: 26px 0 20px 10px;
  position: relative;
  height: 37px;
}

/* line 736, scss/base/_layout.scss */
#cart img {
  width: 58px;
  height: 37px;
}

/* line 741, scss/base/_layout.scss */
#cartItems {
  bottom: 20px;
  color: #fff;
  position: relative;
  right: 10px;
}

/* line 748, scss/base/_layout.scss */
#topnav {
  border-left: 7px solid #fff;
  position: relative;
  right: 87px;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 756, scss/base/_layout.scss */
#siteUsername {
  float: right;
  position: relative;
  text-align: right;
  top: 8px;
}

/* line 763, scss/base/_layout.scss */
#usernameIcon {
  display: block;
  float: right;
}

/* line 768, scss/base/_layout.scss */
#hello {
  color: #fff;
  width: 10%;
}

/* line 773, scss/base/_layout.scss */
.drop {
  width: 24px;
}

/* line 777, scss/base/_layout.scss */
#topnav ul {
  list-style: none;
  text-transform: uppercase;
  font-size: 13px;
}

/* line 783, scss/base/_layout.scss */
#topnav ul ul {
  left: -21px;
  position: absolute;
  text-transform: none;
  width: 190px;
  z-index: 9999;
  cursor: pointer;
}

/* line 792, scss/base/_layout.scss */
#topnav ul ul ul,
#topnav ul ul ul ul {
  left: 190px;
  top: 0;
}

/* line 798, scss/base/_layout.scss */
#topnav ul:first-child li:last-child > ul {
  left: -56;
}

/* line 802, scss/base/_layout.scss */
#topnav ul:first-child > li:last-child li > ul {
  left: -190px;
}

/* #topnav li{position:relative; display:block; float:left; margin:0 30px 0 0; padding:0;} */
/* line 811, scss/base/_layout.scss */
#topnav ul:first-child li:last-child {
  margin-right: 0;
}

/* line 815, scss/base/_layout.scss */
#topnav li li {
  width: 85%;
  margin: 0 -60px;
}

/* line 820, scss/base/_layout.scss */
#topnav li a {
  display: block;
  padding: 20px 10px;
}

/* line 825, scss/base/_layout.scss */
#topnav li li a {
  display: block;
  margin: 0;
  padding: 10px;
}

/* line 831, scss/base/_layout.scss */
#topnav ul ul {
  display: none;
}

/* line 835, scss/base/_layout.scss */
#topnav ul li:hover > ul {
  display: block;
}

/* line 839, scss/base/_layout.scss */
#topnav a {
  color: #fff;
  font-weight: bold;
}

/* line 844, scss/base/_layout.scss */
#topnav li li a,
#topnav li.active li a {
  background: none repeat scroll 0 0 #595454;
  color: #fff;
  font-weight: normal;
}

/* line 851, scss/base/_layout.scss */
#topnav ul li li:hover > a {
  background-color: #8b2089;
  color: #fff;
}

/* line 856, scss/base/_layout.scss */
#topnav li a.drop,
#topnav li.active a.drop {
  background-color: #595454;
  background-image: url("../images/menuIcon.png");
  background-position: 20px 25px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  height: 39px;
  padding: 22px 28px;
  position: relative;
  z-index: 99;
  cursor: pointer;
}

/*height: 38px; padding: 29px; position: relative; z-index: 9999;} */
/* line 873, scss/base/_layout.scss */
#topnav li.active a,
#topnav a:hover {
  color: #fff;
  background-color: #7fdbff;
}

/* Top navigation for smaller resolutions */
/* line 882, scss/base/_layout.scss */
#topnav form {
  display: block;
  height: 30px;
  margin: 0 auto;
  padding: 20px 0;
}

/* line 889, scss/base/_layout.scss */
#topnav form select {
  display: block;
  width: 100%;
  padding: 8px;
  color: #fff;
  background-color: #232323;
  border: 1px solid #494949;
  cursor: pointer;
  outline: none;
}

/* line 900, scss/base/_layout.scss */
#topnav form select option {
  display: block;
  margin: 10px;
  padding: 0;
  cursor: pointer;
  outline: none;
  border: none;
}

/* Sidebar Navigation */
/* line 912, scss/base/_layout.scss */
.sidebar aside nav {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

/* line 918, scss/base/_layout.scss */
.sidebar aside nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 924, scss/base/_layout.scss */
.sidebar aside nav li {
  margin: 0 0 3px 0;
  padding: 0;
}

/* line 929, scss/base/_layout.scss */
.sidebar aside nav a {
  display: block;
  margin: 0;
  padding: 5px 10px 5px 20px;
  color: #666666;
  background-color: inherit;
  background: url("../images/orange_file.gif") no-repeat 10px center;
  text-decoration: none;
  border-bottom: 1px dotted #666666;
}

/* line 940, scss/base/_layout.scss */
.sidebar aside nav a:hover {
  color: #FF9900;
  background-color: inherit;
}

/* line 945, scss/base/_layout.scss */
.sidebar aside nav ul ul a {
  background: url("../images/black_file.gif") no-repeat;
}

/* line 949, scss/base/_layout.scss */
.sidebar aside nav ul ul a {
  padding-left: 40px;
  background-position: 30px center;
}

/* line 954, scss/base/_layout.scss */
.sidebar aside nav ul ul ul a {
  padding-left: 50px;
  background-position: 40px center;
}

/* line 959, scss/base/_layout.scss */
.sidebar aside nav ul ul ul ul a {
  padding-left: 60px;
  background-position: 50px center;
}

/* line 964, scss/base/_layout.scss */
.sidebar aside nav ul ul ul ul ul a {
  padding-left: 70px;
  background-position: 60px center;
}

/* Pagination */
/* line 972, scss/base/_layout.scss */
.pagination {
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
  line-height: normal;
}

/* line 980, scss/base/_layout.scss */
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 986, scss/base/_layout.scss */
.pagination li {
  display: inline;
}

/* line 990, scss/base/_layout.scss */
.pagination strong {
  font-weight: normal;
}

/* line 994, scss/base/_layout.scss */
.pagination .next {
  margin: 0;
}

/* line 998, scss/base/_layout.scss */
.pagination a,
.pagination .current strong,
.pagination .splitter strong {
  display: inline-block;
  padding: 5px 10px;
  margin: 1px 2px;
}

/* line 1006, scss/base/_layout.scss */
.pagination a:first-child {
  margin-left: 0;
}

/* line 1010, scss/base/_layout.scss */
.pagination a {
  border: 1px solid #DFDFDF;
}

/* Footer Navigation */
/* line 1017, scss/base/_layout.scss */
.footer_nav {
  margin: 0;
  padding: 0;
}

/* line 1022, scss/base/_layout.scss */
.footer_nav ul li {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #333333;
}

/* line 1028, scss/base/_layout.scss */
.footer_nav ul li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 1, scss/base/_login.scss */
body.boxed {
  background-color: #f0f0f0;
  color: #343434;
}

/* line 6, scss/base/_login.scss */
.login_container {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #D9D9D9;
  margin: 50px auto;
  padding: 30px 0 0;
  width: 410px;
  margin-top: 130px;
}

/* line 15, scss/base/_login.scss */
.loginName {
  padding-bottom: 5px;
}

/*---- Tool Name Image(Sam) ---*/
/* line 22, scss/base/_login.scss */
#tool_logo {
  background-image: url(../images/logo_top.png);
  width: 335px;
  height: 90px;
  margin: 0 auto;
  background-size: 335px 70px;
  background-repeat: no-repeat;
}

/* line 31, scss/base/_login.scss */
#resource_logo {
  margin: 50px auto 20px;
}

/*---- Login Area ---*/
/* line 38, scss/base/_login.scss */
.loginForm {
  padding: 10px 0 20px 35px;
}

/* line 42, scss/base/_login.scss */
#username,
#password {
  border: 1px solid #e5e5e5;
  font-size: 26px;
  height: 60px;
  margin-left: -2px;
  width: 98%;
  background-color: #fff;
  text-indent: 10px;
}

/* line 53, scss/base/_login.scss */
#username,
#password {
  color: #343434 !important;
}

/* line 58, scss/base/_login.scss */
#newPassword,
#oldPassword,
#confirmPassword {
  border: 1px solid #e5e5e5;
  font-size: 26px;
  height: 60px;
  margin-left: -2px;
  width: 98%;
  background-color: #fff;
  text-indent: 10px;
}

/* line 70, scss/base/_login.scss */
#remember_me {
  margin-top: 25px;
  width: 98%;
}

/* line 75, scss/base/_login.scss */
#rememberMe {
  display: inline;
}

/* line 79, scss/base/_login.scss */
#trouble_logging {
  float: right;
  margin-right: 5px;
}

/* line 90, scss/base/_login.scss */
#login .form-input label {
  color: #343434;
}

/* line 94, scss/base/_login.scss */
.errorIcon {
  float: left;
  padding: 15px 10px;
}

/* line 99, scss/base/_login.scss */
.messaging {
  background: none repeat scroll 0 0 #DEDEDE;
  border: 1px solid #C4C4C4;
  color: #4E4E4E;
  font-size: 15px;
  letter-spacing: 0.4px;
  margin: 10px 0;
  width: 77%;
}

/* line 109, scss/base/_login.scss */
.messagingGood {
  background: none repeat scroll 0 0 #fffc00;
  border: 1px solid #Effe87d;
  color: #343434;
  font-size: 15px;
  letter-spacing: 0.4px;
  margin: 10px 0;
  width: 81.5%;
}

/* line 119, scss/base/_login.scss */
.messagingGood img {
  width: 28px;
  height: 28px;
}

/* line 124, scss/base/_login.scss */
.messagingBad {
  background: none repeat scroll 0 0 #e03030;
  border: 1px solid #e03030;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.4px;
  margin: 10px 0;
  width: 81.5%;
}

/* line 134, scss/base/_login.scss */
.messagingBad img {
  width: 32px;
  height: 32px;
}

/* line 139, scss/base/_login.scss */
.messaging img {
  float: left;
  padding: 15px 10px;
}

/* line 144, scss/base/_login.scss */
.messaging li {
  list-style-type: none;
  padding-left: 10px;
}

/* line 149, scss/base/_login.scss */
.messagingError {
  font-weight: bold;
  color: maroon;
  padding-bottom: 15px;
  font-size: 1.2em;
}

/* line 156, scss/base/_login.scss */
.messagingError div {
  float: left;
  padding-right: 5px;
}

/* line 161, scss/base/_login.scss */
.messagingError img {
  align: middle;
}

/*---- Submit Button ---*/
/* line 168, scss/base/_login.scss */
.button.large.blue {
  background-color: #595454;
  border-color: #595454;
  color: #fff;
  height: 60px;
  margin-top: 30px;
  width: 98%;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 181, scss/base/_login.scss */
.button.large.blue2 {
  background-color: #595454;
  border-color: #595454;
  color: #fff;
  height: 60px;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 194, scss/base/_login.scss */
#copyright_login {
  color: #111;
  font-size: 0.85em;
  margin: auto;
  padding: 2px 0;
  width: 100%;
}

/* line 202, scss/base/_login.scss */
#copyright_login a {
  color: #43657E;
}

/*---- Popup Help Page ---*/
/* line 209, scss/base/_login.scss */
#forgotPwd_leftContent {
  float: left;
  font-size: 13px;
  width: 35%;
}

/* line 215, scss/base/_login.scss */
#forgotPwd_leftContent h1 {
  color: #595454;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
}

/* line 222, scss/base/_login.scss */
#forgotPwd_rightContent {
  width: 50%;
  height: 100%;
  float: right;
  padding-left: 50px;
  border-left: 2px solid #595454;
}

/* line 230, scss/base/_login.scss */
#forgotpasswordgo_nmnumber {
  font-size: 30px;
  font-weight: normal;
  height: 60px;
  width: 98%;
  margin-top: 20px;
  text-indent: 10px;
}

/* line 1, scss/base/_framework.scss */
.one_half,
.one_third, .two_third,
.one_quarter, .two_quarter, .three_quarter,
.one_fifth, .two_fifth, .three_fifth, .four_fifth,
.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
  display: inline;
  float: left;
  margin: 0 0 0 5%;
  list-style: none;
}

/* line 7, scss/base/_framework.scss */
.one_half:first-child,
.one_third:first-child, .two_third:first-child,
.one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child,
.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child,
.one_sixth:first-child, .two_sixth:first-child, .three_sixth:first-child, .four_sixth:first-child, .five_sixth:first-child {
  margin-left: 0;
}

/* line 13, scss/base/_framework.scss */
.first {
  clear: left;
}

/* line 14, scss/base/_framework.scss */
.first, .nogutter {
  margin-left: 0;
}

/* line 16, scss/base/_framework.scss */
.full_width {
  display: block;
  width: 100%;
  clear: both;
}

/* line 18, scss/base/_framework.scss */
body.boxed .wrapper {
  max-width: 90%;
  padding: 0 1.3% 0 1.2%;
  margin: 0 auto;
}

/*----------------------------------------------Half Grid-------------------------------------*/
/* line 22, scss/base/_framework.scss */
.one_half {
  width: 47.5%;
}

/* line 23, scss/base/_framework.scss */
.one_half.nogutter {
  width: 50%;
}

/*----------------------------------------------Third Grid-------------------------------------*/
/* line 27, scss/base/_framework.scss */
.one_third {
  width: 30%;
}

/* line 28, scss/base/_framework.scss */
.two_third {
  width: 65%;
}

/* line 30, scss/base/_framework.scss */
.one_third.nogutter {
  width: 33.33333%;
}

/* line 31, scss/base/_framework.scss */
.two_third.nogutter {
  width: 66.66666%;
}

/*----------------------------------------------Quarter Grid-------------------------------------*/
/* line 36, scss/base/_framework.scss */
.one_quarter {
  width: 21.25%;
}

/* line 37, scss/base/_framework.scss */
.two_quarter {
  width: 47.5%;
}

/* Same as one_half */
/* line 38, scss/base/_framework.scss */
.three_quarter {
  width: 73.75%;
}

/* line 40, scss/base/_framework.scss */
.one_quarter.nogutter {
  width: 25%;
}

/* line 41, scss/base/_framework.scss */
.two_quarter.nogutter {
  width: 50%;
}

/* line 42, scss/base/_framework.scss */
.three_quarter.nogutter {
  width: 75%;
}

/*----------------------------------------------Fifth Grid-------------------------------------*/
/* line 47, scss/base/_framework.scss */
.one_fifth {
  width: 16%;
}

/* line 48, scss/base/_framework.scss */
.two_fifth {
  width: 37%;
}

/* line 49, scss/base/_framework.scss */
.three_fifth {
  width: 58%;
}

/* line 50, scss/base/_framework.scss */
.four_fifth {
  width: 79%;
}

/* line 52, scss/base/_framework.scss */
.one_fifth.nogutter {
  width: 20%;
}

/* line 53, scss/base/_framework.scss */
.two_fifth.nogutter {
  width: 40%;
}

/* line 54, scss/base/_framework.scss */
.three_fifth.nogutter {
  width: 60%;
}

/* line 55, scss/base/_framework.scss */
.four_fifth.nogutter {
  width: 80%;
}

/*----------------------------------------------Sixth Grid-------------------------------------*/
/* line 60, scss/base/_framework.scss */
.one_sixth {
  width: 12.5%;
}

/* line 61, scss/base/_framework.scss */
.two_sixth {
  width: 30%;
}

/* Same as one_third */
/* line 62, scss/base/_framework.scss */
.three_sixth {
  width: 47.5%;
}

/* Same as one_half */
/* line 63, scss/base/_framework.scss */
.four_sixth {
  width: 65%;
}

/* Same as two_third */
/* line 64, scss/base/_framework.scss */
.five_sixth {
  width: 82.5%;
}

/* line 66, scss/base/_framework.scss */
.one_sixth.nogutter {
  width: 16.66666%;
}

/* line 67, scss/base/_framework.scss */
.two_sixth.nogutter {
  width: 33.33332%;
}

/* line 68, scss/base/_framework.scss */
.three_sixth.nogutter {
  width: 49.99998%;
}

/* line 69, scss/base/_framework.scss */
.four_sixth.nogutter {
  width: 66.66664%;
}

/* line 70, scss/base/_framework.scss */
.five_sixth.nogutter {
  width: 83.3333%;
}

/*----------------------------------------------Spacing Elements-------------------------------------*/
/* line 74, scss/base/_framework.scss */
.stretched {
  display: block;
  margin: 0 auto;
}

/* line 75, scss/base/_framework.scss */
body.boxed .wrapper .stretched {
  margin-left: -1.8%;
  margin-right: -1.8%;
}

/* line 77, scss/base/_framework.scss */
.nospace {
  margin: 0;
  padding: 0;
}

/* line 78, scss/base/_framework.scss */
ul.nospace, ol.nospace {
  list-style: none;
}

/* line 79, scss/base/_framework.scss */
.nospace.spacing li {
  margin-bottom: 25px;
}

/* line 80, scss/base/_framework.scss */
.nospace.spacing li:last-child {
  margin-bottom: 0;
}

/* line 82, scss/base/_framework.scss */
.push10 {
  margin-bottom: 10px;
}

/* line 83, scss/base/_framework.scss */
.push15 {
  margin-bottom: 15px;
}

/* line 84, scss/base/_framework.scss */
.push20 {
  margin-bottom: 20px;
}

/* line 85, scss/base/_framework.scss */
.push25 {
  margin-bottom: 25px;
}

/* line 86, scss/base/_framework.scss */
.push30 {
  margin-bottom: 30px;
}

/* line 87, scss/base/_framework.scss */
.push35 {
  margin-bottom: 35px;
}

/* line 88, scss/base/_framework.scss */
.push40 {
  margin-bottom: 40px;
}

/* line 89, scss/base/_framework.scss */
.push45 {
  margin-bottom: 45px;
}

/* line 90, scss/base/_framework.scss */
.push50 {
  margin-bottom: 50px;
}

/* line 91, scss/base/_framework.scss */
.push55 {
  margin-bottom: 55px;
}

/* line 92, scss/base/_framework.scss */
.push60 {
  margin-bottom: 60px;
}

/* line 93, scss/base/_framework.scss */
.push65 {
  margin-bottom: 65px;
}

/* line 94, scss/base/_framework.scss */
.push70 {
  margin-bottom: 70px;
}

/* line 95, scss/base/_framework.scss */
.push75 {
  margin-bottom: 75px;
}

/* line 96, scss/base/_framework.scss */
.push80 {
  margin-bottom: 80px;
}

/* line 97, scss/base/_framework.scss */
.push85 {
  margin-bottom: 85px;
}

/* line 98, scss/base/_framework.scss */
.push90 {
  margin-bottom: 90px;
}

/* line 99, scss/base/_framework.scss */
.push95 {
  margin-bottom: 95px;
}

/* line 100, scss/base/_framework.scss */
.push100 {
  margin-bottom: 100px;
}

/* line 102, scss/base/_framework.scss */
.pad10 {
  padding: 10px;
}

/* line 103, scss/base/_framework.scss */
.pad15 {
  padding: 15px;
}

/* line 104, scss/base/_framework.scss */
.pad20 {
  padding: 20px;
}

/* line 105, scss/base/_framework.scss */
.pad25 {
  padding: 25px;
}

/* line 106, scss/base/_framework.scss */
.pad30 {
  padding: 30px;
}

/* line 107, scss/base/_framework.scss */
.pad35 {
  padding: 35px;
}

/* line 108, scss/base/_framework.scss */
.pad40 {
  padding: 40px;
}

/* line 109, scss/base/_framework.scss */
.pad45 {
  padding: 45px;
}

/* line 110, scss/base/_framework.scss */
.pad50 {
  padding: 50px;
}

/* line 111, scss/base/_framework.scss */
.pad55 {
  padding: 55px;
}

/* line 112, scss/base/_framework.scss */
.pad60 {
  padding: 60px;
}

/* line 113, scss/base/_framework.scss */
.pad65 {
  padding: 65px;
}

/* line 114, scss/base/_framework.scss */
.pad70 {
  padding: 70px;
}

/* line 115, scss/base/_framework.scss */
.pad75 {
  padding: 75px;
}

/* line 116, scss/base/_framework.scss */
.pad80 {
  padding: 80px;
}

/* line 117, scss/base/_framework.scss */
.pad85 {
  padding: 85px;
}

/* line 118, scss/base/_framework.scss */
.pad90 {
  padding: 90px;
}

/* line 119, scss/base/_framework.scss */
.pad95 {
  padding: 95px;
}

/* line 120, scss/base/_framework.scss */
.pad100 {
  padding: 100px;
}

/**********************************************************************
** Styles for: Results table (used for order search results table)(Sam)
**********************************************************************/
/* line 7, scss/modules/_custom.scss */
#userSearchResult {
  overflow-x: scroll;
}

/* line 11, scss/modules/_custom.scss */
table.resultsTable {
  padding: 2px;
  text-align: top;
  border: 1px solid #fff;
}

/* line 18, scss/modules/_custom.scss */
.resultsTable thead {
  border: 1px 1px 0 1px solid #fff;
  padding: 3px;
}

/* line 23, scss/modules/_custom.scss */
.resultsTable tfoot tr {
  border-top: 1px dashed #666666;
}

/* line 27, scss/modules/_custom.scss */
table.resultsTable th {
  font-size: 11px;
  color: #343434;
  font-weight: bold;
  border-bottom: 2px solid #666666;
  background: #E4E4E4;
  border: 1px solid #fff;
  padding: 2px;
}

/* line 37, scss/modules/_custom.scss */
table.resultsTable td {
  vertical-align: top;
  height: 30px;
  padding: 2px;
  font-size: 11px;
}

/* line 44, scss/modules/_custom.scss */
table.resultsTable tr {
  background-color: #fff;
}

/* line 48, scss/modules/_custom.scss */
table.narrow {
  width: 200px;
}

/* line 52, scss/modules/_custom.scss */
table.medium {
  width: 425px;
}

/**********************************************************************
 ** Styles for : buttonTable
 **********************************************************************/
/* line 61, scss/modules/_custom.scss */
.buttonDiv {
  height: 20px;
  padding: 0px;
  float: right;
  padding-bottom: 5px;
}

/* line 68, scss/modules/_custom.scss */
.buttonDivM {
  height: 32px;
  padding: 0px;
  float: right;
  padding-bottom: 5px;
}

/**********************************************************************
** Buttons - New
**********************************************************************/
/* Buttons */
/* line 83, scss/modules/_custom.scss */
.button {
  display: inline-block;
  border: 1px solid;
  border: none;
  background-color: #595454;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 7px;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 98, scss/modules/_custom.scss */
.activeButton {
  display: inline-block;
  border: 1px solid;
  border: none;
  background-color: #be2bbb;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 7px;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 113, scss/modules/_custom.scss */
.activeButton:hover {
  background-color: #8b2089;
}

/* line 117, scss/modules/_custom.scss */
.inactiveButton {
  display: inline-block;
  border: 1px solid;
  border: none;
  background-color: lightgrey;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 7px;
  cursor: default;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 132, scss/modules/_custom.scss */
.highlight {
  display: inline-block;
  border: 1px solid;
  border: none;
  background-color: #42C442;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 7px;
  cursor: default;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 147, scss/modules/_custom.scss */
.fullSizeButton {
  display: inline-block;
  border: 1px solid;
  border: none;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.2em;
  color: #fff;
  margin-bottom: 7px;
  cursor: pointer;
  white-space: pre-line;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 164, scss/modules/_custom.scss */
.halfSizeButton {
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1em;
  height: 42px;
  margin-bottom: 7px;
  padding: 0 6px 5px;
  vertical-align: middle;
  white-space: pre-line;
  width: 49%;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 183, scss/modules/_custom.scss */
.thirdSizeButton {
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1em;
  height: 42px;
  margin-bottom: 7px;
  padding: 0 6px 5px;
  vertical-align: middle;
  white-space: pre-line;
  width: 31.8%;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 201, scss/modules/_custom.scss */
.buttonsRightContainer {
  width: 200px;
  padding-top: 10px;
}

/* line 206, scss/modules/_custom.scss */
.buttonsLeftContainer {
  width: 200px;
  padding-top: 10px;
}

/* line 211, scss/modules/_custom.scss */
#checkout.activeButton {
  background-color: #42C442;
}

/* line 215, scss/modules/_custom.scss */
#checkout.activeButton:hover {
  background-color: #369B36;
}

/* line 219, scss/modules/_custom.scss */
.highlight.fullSizeButton:hover {
  background-color: #369B36;
}

/* line 223, scss/modules/_custom.scss */
.buttonTable {
  width: 98%;
}

/* line 227, scss/modules/_custom.scss */
.buttonTableLeft {
  width: 200px;
  vertical-align: top;
}

/* line 232, scss/modules/_custom.scss */
.buttonTableRight {
  text-align: right;
  width: 200px;
}

/* line 237, scss/modules/_custom.scss */
.buttonTableRightAB {
  text-align: justify;
  width: 300px;
}

/* line 242, scss/modules/_custom.scss */
.button.small {
  font-size: .9em;
  padding: 6px 15px 5px 15px;
}

/* line 247, scss/modules/_custom.scss */
.button.medium {
  font-size: 1.1em;
  padding: 10px 20px 9px 20px;
}

/* line 252, scss/modules/_custom.scss */
.button.large {
  font-size: 1.4em;
  font-weight: normal;
  padding: 18px 20px 17px 20px;
}

/* line 258, scss/modules/_custom.scss */
.button.search {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #7fdbff;
  color: #fff;
  text-transform: none;
}

/* line 269, scss/modules/_custom.scss */
.button.clear_all {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #BFBFBF;
  color: #fff;
  text-transform: none;
}

/* line 280, scss/modules/_custom.scss */
.button.search:hover {
  color: #fff;
  background-color: #0065A5;
  border-color: #80ABCF;
}

/* line 286, scss/modules/_custom.scss */
.button.clear_all:hover {
  color: #fff;
  background-color: #797979;
  border-color: #80ABCF;
}

/* line 292, scss/modules/_custom.scss */
.button.blue {
  color: #fff;
  background-color: #43657E;
  border-color: #003768;
}

/* line 298, scss/modules/_custom.scss */
.button.blue:hover {
  color: #fff;
  background-color: #8b2089;
  border-color: #43657E;
}

/**********************************************************************
** Styles for : Order type selection
**********************************************************************/
/* line 309, scss/modules/_custom.scss */
#orderTypes li {
  float: left;
  width: 162px;
  height: 100px;
  border: 2px solid #213A7C;
  margin-right: 10px;
  padding: 5px;
  list-style: none;
  background-color: #bbc4b9;
  cursor: pointer;
}

/* line 321, scss/modules/_custom.scss */
#orderTypes li:hover {
  border: 2px solid #addc6c;
  background-color: #bbc4b9;
}

/**********************************************************************
 ** Styles for tables with columns
 *  oneColumnSection, twoColumnSection etc
 **********************************************************************/
/* line 332, scss/modules/_custom.scss */
.oneColumnSection .column {
  width: 15%;
  float: left;
}

/* line 339, scss/modules/_custom.scss */
.twoColumnSelectionSection .column {
  padding-left: 20px;
  width: 50%;
}

/* line 344, scss/modules/_custom.scss */
.twoColumnSelectionSection input {
  float: left;
}

/* line 348, scss/modules/_custom.scss */
.twoColumnSelectionSection div {
  float: left;
  margin-bottom: 5px;
}

/* line 353, scss/modules/_custom.scss */
.twoColumnSection .column {
  width: 45%;
  float: left;
  display: inline;
}

/* line 359, scss/modules/_custom.scss */
.threeColumnSection div {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 365, scss/modules/_custom.scss */
.threeColumnSection .column {
  width: 32%;
  float: left;
  display: inline;
}

/* line 371, scss/modules/_custom.scss */
.fourColumnSection div {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 377, scss/modules/_custom.scss */
.fourColumnSection .column {
  width: 24%;
  float: left;
  display: inline;
}

/* line 383, scss/modules/_custom.scss */
.fiveColumnSection .column {
  width: 18%;
  float: left;
  display: inline;
}

/* line 389, scss/modules/_custom.scss */
.sixColumnSection .column {
  width: 15%;
  float: left;
  display: inline;
}

/* line 395, scss/modules/_custom.scss */
.fiveColumnSection .interventionCell {
  margin-right: 30px;
}

/**********************************************************************
** Table order related styles - tool tip on hover over 
**********************************************************************/
/* line 404, scss/modules/_custom.scss */
.templateCell {
  margin: 2px 10px 40px 10px;
  padding: 10px;
  font-size: 10px;
  position: relative;
  width: 218px;
}

/* line 412, scss/modules/_custom.scss */
.templateCell a {
  float: none !important;
}

/* line 416, scss/modules/_custom.scss */
.templateDetailCell {
  width: 244px;
  height: 246px;
  opacity: .95;
  filter: alpha(opacity=95);
  padding-left: 40px;
  padding-top: 10px;
}

/* line 425, scss/modules/_custom.scss */
#itemAttribute {
  float: right;
  padding-left: 10px;
  width: 33% !important;
}

/* line 431, scss/modules/_custom.scss */
#itemAttribute p {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
}

/* line 436, scss/modules/_custom.scss */
#itemAttribute img {
  bottom: 5px;
  position: relative;
}

/* line 441, scss/modules/_custom.scss */
#crDetail img {
  bottom: 5px;
  position: relative;
}

/*Following margin removed as 4 images are not fitting in current layout*/
/* line 449, scss/modules/_custom.scss */
#itemImageandAttributes img {
  margin: 5px 0 0 0;
}

/**********************************************************************
** Styles for: Item search and display results
* new items, item search
**********************************************************************/
/* line 459, scss/modules/_custom.scss */
#image_container {
  background: #CCCCCC;
  height: 70px;
  width: 70px;
  border: 1px solid #d1d2d3;
  margin: 1px 0;
  overflow: hidden;
  position: relative;
}

/* line 469, scss/modules/_custom.scss */
#image_container img {
  width: 100%;
  height: 100%;
}

/* line 474, scss/modules/_custom.scss */
.featuredItem {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: green;
  text-align: right;
  padding: 1px;
  position: absolute;
  right: 0;
  height: 28px;
  width: 28px;
}

/* line 488, scss/modules/_custom.scss */
.itemSearch_twoColumnSectionSearch {
  width: 26%;
  float: left;
  display: inline;
  background-color: #E4E4E4;
  padding-left: 5px;
}

/* line 496, scss/modules/_custom.scss */
.searchResult_twoColumnSection {
  width: 72%;
  float: left;
  display: inline;
  padding-left: 5px;
}

/* line 503, scss/modules/_custom.scss */
.searchResult_gridView_fiveColumnSection .column {
  width: 18.5%;
  float: left;
  display: inline;
  height: 130px;
}

/* line 510, scss/modules/_custom.scss */
.label_displayElement_image {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #be2bbb;
  background-image: url("../images/plus-16x16.png");
  background-origin: padding-box;
  background-position: 6px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  color: #fff;
  cursor: pointer;
  margin-top: 7px;
  padding: 0 0 0 39px;
}

/* line 525, scss/modules/_custom.scss */
.label_hideElement_image {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #8b2089;
  background-image: url("../images/minus-16x16.png");
  background-origin: padding-box;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  color: #fff;
  cursor: pointer;
  margin-top: 7px;
  padding: 0 0 0 39px;
}

/* line 540, scss/modules/_custom.scss */
.label_displayElement_image:hover,
.label_hideElement_image:hover {
  background-color: #8b2089;
}

/* line 545, scss/modules/_custom.scss */
.label_displayElement_image span {
  background-color: #fff;
  border: 1px solid #A0A0A0;
  box-shadow: -7px 0 #EBEBEB;
  color: #343434;
  display: block;
  padding: 5px 0 5px 10px;
}

/* line 554, scss/modules/_custom.scss */
.label_hideElement_image span {
  background-color: #fff;
  border: 1px solid #A0A0A0;
  box-shadow: -7px 0 #EBEBEB;
  color: #343434;
  display: block;
  padding: 5px 0 5px 10px;
}

/* line 563, scss/modules/_custom.scss */
.label_displayElement_detail_image {
  background: #595454 url(../images/plus-16x16.png) no-repeat 9px center;
  background-color: #595454;
  color: #fff;
  cursor: pointer;
  padding: 5px 5px 5px 35px;
  margin-bottom: 10px;
}

/* line 572, scss/modules/_custom.scss */
.label_hideElement_detail_image {
  background: #595454 url(../images/minus-16x16.png) no-repeat 9px center;
  background-color: #595454;
  color: #fff;
  cursor: pointer;
  padding: 5px 5px 5px 35px;
  margin-bottom: 10px;
}

/* line 581, scss/modules/_custom.scss */
.label_displayElement {
  background-color: #595454;
  color: #fff;
  cursor: pointer;
  padding: 5px 0 5px 30px;
  margin-top: 7px;
  margin-bottom: 5px;
}

/* line 590, scss/modules/_custom.scss */
.label_basic_element {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 2px;
  padding: 5px 0 0 8px;
}

/* line 598, scss/modules/_custom.scss */
.label_form_element {
  margin-bottom: 0;
  padding: 5px 0 0 8px;
}

/* line 605, scss/modules/_custom.scss */
.textAreaDiv {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  outline: 1px solid #919191;
  border: 0;
}

/* line 613, scss/modules/_custom.scss */
.label_form_checkboxtxt {
  /* style for label next to checkbox on cart page*/
  display: inline-block;
  left: 0;
  position: relative;
  top: 12px;
  width: 170px;
}

/**********************************************************************
** New table layout css - Grid view
**********************************************************************/
/* line 627, scss/modules/_custom.scss */
.grid-table {
  width: 100%;
  font-family: Helvetica;
  text-align: left;
  font-size: 11px;
  border-collapse: collapse;
}

/* line 635, scss/modules/_custom.scss */
.grid-table th {
  background-color: #E4E4E4;
  border: 1px solid #fff;
  cursor: pointer;
  background-position: right center;
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
  color: #343434;
}

/* line 646, scss/modules/_custom.scss */
.grid-table th.desc {
  background-image: url("../images/desc.gif");
  background-color: #CDDBDC;
}

/* line 651, scss/modules/_custom.scss */
.grid-table th.asc {
  background-image: url("../images/asc.gif");
  background-color: #CDDBDC;
}

/* line 656, scss/modules/_custom.scss */
.grid-table th.on {
  background-color: #CDDBDC;
  cursor: pointer;
}

/* line 661, scss/modules/_custom.scss */
.grid-table td,
.grid-table th {
  padding: 6px;
  text-align: left;
}

/* line 667, scss/modules/_custom.scss */
.grid-table tr.line0 {
  background-color: #fff;
  border-bottom: 1pt solid black;
}

/* line 672, scss/modules/_custom.scss */
.grid-table tr.line1 {
  background-color: #F4F4F4;
  border-bottom: 1pt solid black;
}

/* line 677, scss/modules/_custom.scss */
.grid-table tr.on {
  background-color: #CDDBDC;
  cursor: pointer;
}

/* line 682, scss/modules/_custom.scss */
.grid-table tr.selected {
  background-color: #E4E4E4;
  cursor: pointer;
}

/* line 687, scss/modules/_custom.scss */
.grid-table .odd {
  background-color: #F4F4F4;
}

/* line 691, scss/modules/_custom.scss */
.grid-table .even {
  background-color: #fff;
}

/* line 695, scss/modules/_custom.scss */
.grid-table .odd-border {
  border: red 1px solid;
}

/* line 699, scss/modules/_custom.scss */
.grid-table .even-border {
  border: red 1px solid;
}

/**********************************************************************
** Styles for : Results view bar - grid, list detail view
**********************************************************************/
/* line 708, scss/modules/_custom.scss */
.pageHeaderBar {
  background-color: #595454;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-indent: 10px;
  width: 100%;
}

/* line 722, scss/modules/_custom.scss */
.pageHeaderSubBar {
  background-color: #595454;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-indent: 9px;
  width: 100%;
}

/* line 736, scss/modules/_custom.scss */
.resultsViewBar {
  background-color: #343434;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding: 8px;
  width: 97%;
  margin-top: 10px;
}

/* line 747, scss/modules/_custom.scss */
.resultsViewPagination {
  float: left;
  margin-left: 4%;
}

/* line 752, scss/modules/_custom.scss */
.resultsViewPagination a {
  color: #fff;
  vertical-align: normal;
}

/* line 757, scss/modules/_custom.scss */
.resultsViewTypes {
  color: #fff;
  float: left;
}
/* line 760, scss/modules/_custom.scss */
.resultsViewTypes a {
  color: #fff;
}
/* line 763, scss/modules/_custom.scss */
.resultsViewTypes a:hover {
  color: #ccc;
}

/* line 768, scss/modules/_custom.scss */
.resultsViewTypeElement a {
  color: #EBEBEB;
}

/* line 772, scss/modules/_custom.scss */
.resultsViewTypes a:hover {
  color: #343434;
}

/* line 776, scss/modules/_custom.scss */
.resultsViewTypeElement {
  color: #fff;
}

/* line 780, scss/modules/_custom.scss */
.resultsViewSort {
  border: medium none;
  float: right;
  font-size: 11px;
  margin-top: -2px;
  padding: 0 4px;
}

/* line 788, scss/modules/_custom.scss */
.listview a {
  background-color: #343434;
  background-image: url("../images/listViewOFF2.png");
  background-position: 4px 0px;
  background-repeat: no-repeat;
  padding: 7px 16px;
  background-size: 29px 29px;
}

/* line 797, scss/modules/_custom.scss */
.listview a:hover {
  background-color: #fff;
  background-image: url("../images/listViewON2.png");
  background-position: 3px 8px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/* line 806, scss/modules/_custom.scss */
.listViewHover {
  background-color: #fff;
  background-image: url("../images/listViewON2.png");
  background-position: 3px 8px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/* line 815, scss/modules/_custom.scss */
.gridView a {
  background-color: #343434;
  background-image: url("../images/gridViewOFF2.png");
  background-position: center 0px;
  background-repeat: no-repeat;
  padding: 7px 16px;
  background-size: 29px 29px;
}

/* line 824, scss/modules/_custom.scss */
.gridView a:hover {
  background-color: #fff;
  background-image: url("../images/gridViewON2.png");
  background-position: center 8px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/* line 833, scss/modules/_custom.scss */
.gridViewHover {
  background-color: #fff;
  background-image: url("../images/gridViewON2.png");
  background-position: center 8px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/* line 842, scss/modules/_custom.scss */
.detailView a {
  background-color: #343434;
  background-image: url("../images/detailViewOFF2.png");
  background-position: center 0px;
  background-repeat: no-repeat;
  padding: 7px 16px;
  background-size: 29px 29px;
}

/* line 851, scss/modules/_custom.scss */
.detailView a:hover {
  background-color: #fff;
  background-image: url("../images/detailViewON2.png");
  background-position: center 7px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/* line 860, scss/modules/_custom.scss */
.detailViewHover {
  background-color: #fff;
  background-image: url("../images/detailViewON2.png");
  background-position: center 7px;
  background-repeat: no-repeat;
  padding: 14px 16px;
  background-size: 29px 29px;
}

/**********************************************************************
** Styles for : Action Box (used on item detail page)
**********************************************************************/
/* line 874, scss/modules/_custom.scss */
div.actionBox {
  width: 165px;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  border: 2px solid lightgrey;
  margin-top: 10px;
  margin-bottom: 5px;
  background: #98a796;
}

/* line 886, scss/modules/_custom.scss */
div.actionBox #actionHeader {
  color: #fff;
  padding: 10px;
  border: 1px solid #fff;
  font-size: 15px;
  font-weight: bold;
}

/* line 894, scss/modules/_custom.scss */
div.actionBox #actionLinks {
  color: #fff;
  background: #e2ebea;
}

/* line 899, scss/modules/_custom.scss */
div.actionBox li {
  padding: 10px;
  border: 1px solid #fff;
}

/* line 904, scss/modules/_custom.scss */
div.actionBox li {
  color: #fff;
}

/* line 908, scss/modules/_custom.scss */
div.actionBox a {
  display: block;
  color: #000;
  text-decoration: none;
}

/* line 914, scss/modules/_custom.scss */
div.actionBox li:hover {
  background-color: #b8c0b6;
}

/**********************************************************************
** Other: Label, required, etc
* generic
**********************************************************************/
/* line 924, scss/modules/_custom.scss */
label {
  color: #404040;
  display: block;
  font-size: 12px;
  font-weight: bold;
  /*padding-left: 4px;*/
}

/* line 934, scss/modules/_custom.scss */
.bar {
  margin-bottom: 0;
  padding: 0 5px 0 7px;
}

/* line 939, scss/modules/_custom.scss */
.noPaddingBar {
  margin-bottom: 0;
  padding: 0;
}

/* line 944, scss/modules/_custom.scss */
#middle_content_two_column_layout {
  /*width: 900px;*/
  /*margin-left: 20px;
  margin-right: 20px;*/
  padding-bottom: 30px;
  overflow: hidden;
}

/* line 952, scss/modules/_custom.scss */
.required {
  font-size: 11px;
  color: red;
  font-weight: bold;
}

/* line 958, scss/modules/_custom.scss */
#dashed-divider {
  border-bottom: medium dashed;
  border-top: medium none;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  display: inline;
}

/* line 969, scss/modules/_custom.scss */
.divider_div {
  border-top: 3px solid #C6C6CA;
  margin: 0 auto;
  width: 80%;
}

/* line 975, scss/modules/_custom.scss */
.radiobuttons span label {
  display: inline;
  font-weight: normal;
  font-size: 11px;
  text-shadow: none;
}

/* line 982, scss/modules/_custom.scss */
.addtocartImg {
  bottom: 2px;
  position: relative;
}

/* line 987, scss/modules/_custom.scss */
.grid-table .quantity {
  margin-bottom: 10px;
  width: 30px;
}

/**********************************************************************
** Styles for : Form Elements
**********************************************************************/
/* Select */
/* line 1000, scss/modules/_custom.scss */
.searchArea {
  -moz-box-sizing: border-box;
  width: 229x;
  border: 1px solid #E5E4E3;
  display: inline;
}

/* line 1008, scss/modules/_custom.scss */
.selectArea {
  -moz-box-sizing: border-box;
  border: 1px solid #E5E4E3;
  display: inline;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  height: 20px;
  width: 155px;
  background: url("../images/smart_arrows.png") no-repeat 100% 40% #fff;
  background-size: 18px 25px;
  font-size: 12px;
}

/* line 1023, scss/modules/_custom.scss */
.selectWrap #quickSearchSubmit {
  height: 16px;
  width: 24px;
}

/* line 1028, scss/modules/_custom.scss */
.selectWrap input {
  float: none;
  margin: 0;
}

/* line 1033, scss/modules/_custom.scss */
.selectWrap {
  display: inline-block;
  height: 34px;
  width: 405px;
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 5px;
}

/* line 1043, scss/modules/_custom.scss */
#quickSearchKeyMaster {
  width: 229px;
  position: relative;
  margin: 0;
}

/* line 1049, scss/modules/_custom.scss */
#quickSearchSubmit {
  border: medium none;
  cursor: pointer;
  display: block;
  height: 20px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 13px;
  text-indent: -9999px;
  top: 1px;
  width: 23px;
  z-index: 2;
  margin: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-image: url(../images/searchIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}

/* line 1072, scss/modules/_custom.scss */
.display_element_box {
  padding: 5px 10px 12px 10px;
}

/* line 1076, scss/modules/_custom.scss */
.display_element_box .label {
  color: #343434;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
  padding: 4px 10px 0;
}

/* line 1084, scss/modules/_custom.scss */
.display_element_box .value {
  padding: 1px 15px 0;
  font-size: 12px;
}

/* line 1089, scss/modules/_custom.scss */
.menuH2ButtonDiv {
  padding-top: 5px;
  padding-left: 5px;
  color: white;
  background-color: #595454;
  height: 25px;
}

/* line 1097, scss/modules/_custom.scss */
.menuH2ButtonDiv a {
  color: white;
  font-size: 9pt;
}

/* line 1102, scss/modules/_custom.scss */
.menuH2ButtonBlankDiv {
  padding-top: 5px;
  font-weight: bold;
  color: #666666;
  background-color: white;
  height: 25px;
  text-decoration: underline;
}

/* line 1111, scss/modules/_custom.scss */
.border-right {
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-right: 1pt solid #666666;
  display: inline;
  margin-right: 10px;
}

/* line 1120, scss/modules/_custom.scss */
.border-left {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-left: 1pt solid #666666;
  display: inline;
}

/* line 1129, scss/modules/_custom.scss */
.border-no {
  padding-top: 1px;
  padding-bottom: 1px;
  display: inline;
}

/* line 1135, scss/modules/_custom.scss */
.inline-Button-div {
  display: inline;
  padding-bottom: 5px;
}

/**********************************************************************
** Buttons - New
**********************************************************************/
/* Buttons */
/* line 1148, scss/modules/_custom.scss */
.button {
  display: inline-block;
  border: 1px solid;
  border: none;
  background-color: #595454;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 7px;
}

/* line 1160, scss/modules/_custom.scss */
.buttonsContainer {
  float: right;
  width: 200px;
}

/* line 1165, scss/modules/_custom.scss */
.button.small {
  font-size: .9em;
  padding: 6px 15px 5px 15px;
}

/* line 1170, scss/modules/_custom.scss */
.button.medium {
  font-size: 1.1em;
  padding: 10px 20px 9px 20px;
}

/* line 1175, scss/modules/_custom.scss */
.button.large {
  font-size: 1.4em;
  font-weight: normal;
  padding: 18px 20px 17px 20px;
}

/* line 1181, scss/modules/_custom.scss */
.button.search {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #7fdbff;
  color: #fff;
  text-transform: none;
}

/* line 1192, scss/modules/_custom.scss */
.button.clear_all {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #BFBFBF;
  color: #fff;
  text-transform: none;
}

/* To create the SVG gradient colour support for IE9 visit: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html */
/* line 1206, scss/modules/_custom.scss */
.button.search:hover {
  color: #fff;
  background-color: #0065A5;
  border-color: #80ABCF;
}

/* line 1212, scss/modules/_custom.scss */
.button.clear_all:hover {
  color: #fff;
  background-color: #797979;
  border-color: #80ABCF;
}

/* line 1218, scss/modules/_custom.scss */
.button.blue {
  color: #fff;
  background-color: #43657E;
  border-color: #003768;
}

/* line 1224, scss/modules/_custom.scss */
.button.blue:hover {
  color: #fff;
  background-color: #8b2089;
  border-color: #43657E;
}

/**********************************************************************
** Styles for : Image slider
** TODO: try to remove these and use home page overlay styles
**********************************************************************/
/* line 1236, scss/modules/_custom.scss */
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 2250px;
  background-color: #000000;
  z-index: 1002;
  opacity: .70;
  filter: alpha(opacity=70);
}

/* line 1249, scss/modules/_custom.scss */
#sliderPreview {
  float: left;
}

/* line 1253, scss/modules/_custom.scss */
#sliderPreview ul,
#sliderPreview li {
  margin-top: 10px;
  list-style: none;
  text-align: center;
  width: 571px;
}

/* line 1261, scss/modules/_custom.scss */
#sliderPreview li {
  width: 740px;
  height: 90vh;
  overflow: hidden;
  border: none;
}

/* line 1268, scss/modules/_custom.scss */
#sliderPreview img {
  width: 75%;
  height: 98%;
  border: none;
}

/* line 1274, scss/modules/_custom.scss */
#prevPrvw {
  float: left;
  margin-left: 20px;
  margin-top: 250px;
}

/* line 1280, scss/modules/_custom.scss */
#nextPrvw {
  float: right;
  margin-right: 20px;
  margin-top: 250px;
}

/* line 1286, scss/modules/_custom.scss */
#sliderButtonDiv a {
  text-decoration: none;
}

/* line 1290, scss/modules/_custom.scss */
#sliderButtonDiv img {
  border: none;
}

/* line 1294, scss/modules/_custom.scss */
.white_content {
  line-height: 14px;
  background-color: #fff;
  width: 823px;
  height: 100vh;
  display: none;
  position: absolute;
  top: 140px;
  left: 100px;
  z-index: 1003;
}

/* line 1306, scss/modules/_custom.scss */
.instructions {
  padding: 5px;
}

/* line 1310, scss/modules/_custom.scss */
#lightBoxTitle {
  background-color: #595454;
  height: 30px;
}

/**********************************************************************
 ** Styles for : Messaging - error and warning messages
 **********************************************************************/
/*
#actionMessages {
    background: none repeat scroll 0 0 #DEDEDE;
    border: 1px solid #C4C4C4;
    color: #4E4E4E;
    letter-spacing: 1px;
    margin: 10px 0;
    width: 98%;
    visibility: hidden; 
}
#actionMessages li {
    list-style: none outside none;
}
*/
/* line 1336, scss/modules/_custom.scss */
.errorIcon {
  float: left;
  padding: 15px 10px;
}

/* line 1341, scss/modules/_custom.scss */
.warningIcon {
  float: left;
  padding: 15px 10px;
}

/* line 1346, scss/modules/_custom.scss */
.messaging {
  background: none repeat scroll 0 0 #E22E2B;
  border: 1px solid #E22E2B;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.4px;
  /*margin: 5px 0 5px 5px;*/
  width: 100%;
}

/* line 1356, scss/modules/_custom.scss */
.messagingGood {
  background: none repeat scroll 0 0 #fffc00;
  border: 1px solid #Effe87d;
  color: #343434;
  font-size: 13px;
  letter-spacing: 0.4px;
  /*margin: 5px 0 5px 5px;*/
  width: 100%;
}

/* line 1366, scss/modules/_custom.scss */
#warningMessage {
  background: none repeat scroll 0 0 #fffc00;
  border: 1px solid #Effe87d;
  color: #343434;
  font-size: 13px;
  letter-spacing: 0.4px;
  /*margin: 5px 0 5px 5px;*/
  width: 100%;
}

/*
.messagingGood ul {
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left:0;
    text-align: left;
}
*/
/* line 1386, scss/modules/_custom.scss */
.messagingBad {
  /*  background: none repeat scroll 0 0 #DEDEDE; */
  /* grey messages */
  background: none repeat scroll 0 0 #E03030;
  /* red bg */
  border: 1px solid #C4C4C4;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.4px;
  /*margin: 5px 0 5px 5px;*/
  width: 100%;
}

/* line 1399, scss/modules/_custom.scss */
.messaging img {
  float: left;
  padding: 5px;
  float: left;
  height: 32px;
  padding: 5px;
  width: 32px;
}

/* line 1408, scss/modules/_custom.scss */
.messaging li {
  list-style-type: none;
  padding-left: 10px;
}

/* line 1413, scss/modules/_custom.scss */
.messagingError {
  font-weight: bold;
  color: maroon;
  padding-bottom: 15px;
  font-size: 1.2em;
}

/* line 1420, scss/modules/_custom.scss */
.messagingError div {
  float: left;
  padding-right: 5px;
}

/* line 1425, scss/modules/_custom.scss */
.messagingError img {
  align: middle;
}

/* line 1429, scss/modules/_custom.scss */
.browserWarning {
  background-color: #192D63;
  border: none;
  border-color: none;
  color: #fff;
  padding-top: 100px;
  margin-top: 0px;
  font-size: 20px;
}

/* line 1439, scss/modules/_custom.scss */
#warningImage {
  height: 28px;
  width: 28px;
}

/* line 1444, scss/modules/_custom.scss */
.homeMessages {
  padding-top: 15px !important;
}

/**********************************************************************
 ** Styles for : recipients tables
 **********************************************************************/
/* line 1453, scss/modules/_custom.scss */
#recipientAddressInfo {
  margin-top: 10px;
  padding: 5px;
}

/* line 1458, scss/modules/_custom.scss */
#recipientItemInfo {
  margin-bottom: 40px;
}

/* line 1462, scss/modules/_custom.scss */
#review_submitAndCancelButtons {
  padding-bottom: 10px;
}

/***********************************************************************
 ** Styles for : Order Type selection 
 ***********************************************************************/
/* line 1471, scss/modules/_custom.scss */
.orderTypeTable {
  display: block;
  margin-top: 10px;
  width: auto;
}

/* line 1477, scss/modules/_custom.scss */
.orderTypeRow {
  display: table-row;
  width: auto;
}

/* line 1482, scss/modules/_custom.scss */
.orderTypeCell1 {
  float: left;
  /*fix for  buggy browsers*/
  display: none;
  width: 200px;
  height: 40px;
}

/* line 1490, scss/modules/_custom.scss */
.orderTypeCell2 {
  background-color: #595454;
  color: #fff;
  float: left;
  height: 40px;
  padding: 20px 10px 5px;
  text-align: center;
  width: 200px;
}

/* line 1500, scss/modules/_custom.scss */
.orderTypeCell2:hover {
  background-color: #8b2089;
  cursor: pointer;
}

/* line 1505, scss/modules/_custom.scss */
.orderTypeCell3 {
  float: right;
  height: 40px;
  margin: 10px;
  padding-top: 10px;
  width: 300px;
}

/* line 1513, scss/modules/_custom.scss */
#orderProgress_nav_container {
  padding-top: 10px;
}

/*----------- Admin page-------------- */
/* line 1520, scss/modules/_custom.scss */
h4 {
  font-size: 18px;
  margin-bottom: 0;
}

/* line 1525, scss/modules/_custom.scss */
.adminTitle {
  background-color: #595454;
  color: #fff;
  margin: 7px 0 20px 20px;
  padding: 0 0 0 15px;
  width: 20.8%;
}

/* line 1533, scss/modules/_custom.scss */
.siteSetupTitle {
  background-color: #595454;
  color: #fff;
  margin-left: 20px;
  margin: 40px 0 10px 20px;
  padding: 0 0 0 15px;
  width: 20.8%;
}

/* line 1542, scss/modules/_custom.scss */
.adminMenuButtons {
  margin-left: 20px;
  margin-top: 10px;
}

/* line 1547, scss/modules/_custom.scss */
.adminButton {
  background-color: #595454;
  display: inline;
  margin-right: 3px;
  margin-top: 7px;
  padding: 42px 0;
}

/* line 1555, scss/modules/_custom.scss */
.adminButton img {
  height: 93px;
  width: 93px;
}

/* line 1560, scss/modules/_custom.scss */
.adminButton:hover {
  background-color: #8b2089;
  display: inline;
  margin-right: 3px;
  margin-top: 7px;
  padding: 42px 0;
}

/* line 1568, scss/modules/_custom.scss */
.adminMenuLinks {
  padding-bottom: 40px;
}

/* line 1572, scss/modules/_custom.scss */
.shipToSelfAddress {
  padding-left: 25px;
  padding-top: 10px;
}

/*----------- HCP Search-------------- */
/* line 1580, scss/modules/_custom.scss */
.formFields {
  margin-top: 0;
  padding-bottom: 10px;
}

/* line 1585, scss/modules/_custom.scss */
#data-grid-hcpSearchResultsData-pager {
  padding: 10px 7px;
}

/* line 1589, scss/modules/_custom.scss */
#data-grid-colleagueSearchResultsData-pager {
  padding: 10px 7px;
}

/* line 1593, scss/modules/_custom.scss */
#data-grid-addressBookSearchResultData-pager {
  padding: 10px 7px;
}

/* line 1597, scss/modules/_custom.scss */
#hcpSelectedDiv .instructions {
  margin-top: 0 !important;
  float: none !important;
}

/* line 1606, scss/modules/_custom.scss */
#hcpSelectedDiv .buttonDiv .activeButton,
#hcpSelectedDiv .buttonDiv .inactiveButton {
  bottom: 20px;
  position: relative;
}

/* line 1612, scss/modules/_custom.scss */
#hcpSearchResultsDiv .buttonDiv {
  text-align: right;
  width: 200px;
}

/* line 1617, scss/modules/_custom.scss */
#colleagueSearchResultsDiv .buttonDiv {
  text-align: right;
  width: 200px;
}

/* line 1628, scss/modules/_custom.scss */
#review_recipients .pageHeaderBar,
#review_shipMethods .pageHeaderBar,
#review_orderComments .pageHeaderBar,
#chargeBackNumber .pageHeaderBar {
  padding-bottom: 5px;
  padding-top: 5px;
}

/***********************************************************************
 ** Styles for : Cart Page
 ***********************************************************************/
/* line 1641, scss/modules/_custom.scss */
.saveCartSection {
  /* border-bottom:1px solid grey;
  padding-bottom:20px;
  */
}

/* line 1647, scss/modules/_custom.scss */
.legalTitle {
  font-size: 11px;
  font-weight: bold;
}

/* line 1652, scss/modules/_custom.scss */
.legal {
  font-size: 10px;
}

/* line 1656, scss/modules/_custom.scss */
.cartSubHeader {
  background-color: #595454;
  color: #fff;
  font-size: 12px;
  margin-top: 15px;
  padding: 2px 8px;
}

/***********************************************************************
 ** Styles for : icons
 ***********************************************************************/
/* line 1669, scss/modules/_custom.scss */
.updateIconImg {
  margin-bottom: 2px;
}

/* line 1673, scss/modules/_custom.scss */
.removeIconImg {
  cursor: pointer;
}

/* line 1677, scss/modules/_custom.scss */
.customizeButton {
  background-color: #595454;
  color: #fff;
  padding: 2px 10px 2px 11px;
  white-space: nowrap;
  cursor: pointer;
}

/* line 1685, scss/modules/_custom.scss */
.customizeButton:hover {
  background-color: #595454;
}

/* line 1689, scss/modules/_custom.scss */
.restricedButton {
  background-color: #D3D3D3;
  color: #fff;
  padding: 2px 13px 1px;
}

/* line 1695, scss/modules/_custom.scss */
.imgSliderClass {
  cursor: pointer;
}

/* line 1699, scss/modules/_custom.scss */
.itemDetailSideBar {
  padding-top: 10px;
}

/* line 1703, scss/modules/_custom.scss */
#submissionButton input {
  float: right;
}

/***********************************************************************
 ** Styles for : Convention orders
 ***********************************************************************/
/* line 1712, scss/modules/_custom.scss */
#enterCodeBox {
  height: 125px;
  border: 3px solid;
  border-color: #595454;
  border-radius: 10px;
  background-color: #E4E4E4;
  width: 450px;
  margin-right: auto;
  margin-left: auto;
}

/* line 1723, scss/modules/_custom.scss */
#enterCodeInput {
  width: 120px;
  padding-left: 150px;
  padding-top: 35px;
}

/* line 1729, scss/modules/_custom.scss */
.recentOrdersData {
  color: #343434;
}

/* line 1733, scss/modules/_custom.scss */
#reviewError {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 1738, scss/modules/_custom.scss */
#review_approveOrders {
  margin-top: 10px;
}

/* line 1742, scss/modules/_custom.scss */
.conventionFieldSet {
  margin-top: 0px;
  padding: 15px;
  width: 45%;
  float: left;
}

/******************************
* Style for New Item page
******************************/
/* line 1754, scss/modules/_custom.scss */
.newItemFlagImageDiv {
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -20px;
}

/* line 1767, scss/modules/_custom.scss */
.newItemFlagDateDiv {
  margin-bottom: 20px;
}

/* line 1773, scss/modules/_custom.scss */
.newItemFlagSentEmailMessage {
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #DEDEDE;
  font-weight: bold;
  width: 260px;
}

/* line 1782, scss/modules/_custom.scss */
#iacSelect {
  display: none;
}

/* line 1786, scss/modules/_custom.scss */
.iacSelectFootnote {
  width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: italic;
}

/* line 1793, scss/modules/_custom.scss */
.iacSelectDiv {
  display: table-cell;
  vertical-align: center;
}

/* line 1798, scss/modules/_custom.scss */
.iacSelectDiv .row {
  display: table-row;
}

/* line 1802, scss/modules/_custom.scss */
.iacSelectDiv .left {
  display: table-cell;
  padding-right: 20px;
}

/* line 1807, scss/modules/_custom.scss */
.iacSelectDiv .center {
  display: table-cell;
  width: 40px;
  padding-right: 20px;
  padding-bottom: 0;
}

/* line 1814, scss/modules/_custom.scss */
.iacSelectDiv .right {
  display: table-cell;
  text-align: left;
}

/* line 1819, scss/modules/_custom.scss */
.iacSelectDiv .arrow {
  position: relative;
  top: 56px;
}

/* line 1824, scss/modules/_custom.scss */
.wrapword {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

/* line 1839, scss/modules/_custom.scss */
.addressBookSearchWrap #quickSearchSubmit {
  height: 16px;
  width: 24px;
}

/* line 1844, scss/modules/_custom.scss */
.addressBookSearchWrap input {
  float: none;
  margin: 0;
}

/* line 1849, scss/modules/_custom.scss */
.addressBookSearchWrap {
  display: inline-block;
  height: 34px;
  margin: 0;
  padding-left: 10px;
  position: relative;
  margin-top: 5px;
}

/* line 1858, scss/modules/_custom.scss */
#addressBookSearchKeyMaster {
  width: 185px;
  position: relative;
  margin: 0;
}

/* line 1864, scss/modules/_custom.scss */
#addressBookSearchSubmit {
  border: medium none;
  cursor: pointer;
  display: block;
  height: 19px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 2px;
  text-indent: -9999px;
  top: 1px;
  width: 23px;
  z-index: 2;
  margin: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-image: url(../images/searchIcon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}

/* line 1887, scss/modules/_custom.scss */
#addressBookSearchResultsDiv .buttonDiv {
  text-align: right;
  width: 200px;
  padding-left: 10px;
}

/* line 1893, scss/modules/_custom.scss */
#addressBookSearchResultsDiv .buttonDivM {
  text-align: right;
  width: 100px;
  padding-left: 3px;
}

/* line 2, scss/modules/_tiles.scss */
#bottom_content {
  margin: auto;
  padding: 15px 0 0;
}

/* line 7, scss/modules/_tiles.scss */
.columns {
  float: left;
  margin-right: 10px;
  width: 218px;
}

/*  Tiles text setup  */
/* line 16, scss/modules/_tiles.scss */
.fullTile {
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  text-align: center;
  height: 230px;
}

/* line 25, scss/modules/_tiles.scss */
.halfTile {
  color: #fff;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 7px 0 7px;
  text-align: center;
  height: 111px;
}

/* line 34, scss/modules/_tiles.scss */
.halfTile_buttom {
  color: #fff;
  font-size: 1.7em;
  font-weight: normal;
  height: 111px;
  margin: 8px 7px 0 7px;
  text-align: center;
}

/* line 43, scss/modules/_tiles.scss */
.thirdTile {
  color: #fff;
  font-size: 1.6em;
  font-weight: normal;
  height: 72px;
  margin: 0 3px 7px 0;
  text-align: center;
}

/* line 52, scss/modules/_tiles.scss */
.fullTile p {
  margin: 1px;
  padding: 100px 0;
  text-shadow: 1px 2px #111;
  line-height: normal;
}

/* line 59, scss/modules/_tiles.scss */
.thirdTile p {
  margin: 1px;
  padding: 26px 0;
  text-shadow: 1px 2px #111;
}

/* line 65, scss/modules/_tiles.scss */
.halfTile p,
.halfTile_buttom p {
  margin: 1px;
  padding: 46px 0;
  text-shadow: 1px 2px #111;
}

/* line 72, scss/modules/_tiles.scss */
#new_items {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/new_items.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 79, scss/modules/_tiles.scss */
#recent_orders {
  background: linear-gradient(rgba(121, 157, 75, 0.35), rgba(121, 157, 75, 0.35)), url("../images/recent_orders.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 86, scss/modules/_tiles.scss */
#announcement {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/announcements.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 93, scss/modules/_tiles.scss */
#conference_order {
  background: linear-gradient(rgba(121, 157, 75, 0.35), rgba(121, 157, 75, 0.35)), url("../images/conference_order.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 100, scss/modules/_tiles.scss */
#saved_cart {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/saved_cart.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 107, scss/modules/_tiles.scss */
#resource_center {
  background: linear-gradient(rgba(121, 157, 75, 0.35), rgba(121, 157, 75, 0.35)), url("../images/resource_center.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 114, scss/modules/_tiles.scss */
#help {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/help.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 121, scss/modules/_tiles.scss */
#expired_items {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/expired_items.jpg") repeat scroll center;
  cursor: pointer;
}

/* line 128, scss/modules/_tiles.scss */
#onHold_items {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/onHold.jpg") repeat scroll center;
  cursor: pointer;
}

.items_search:hover {
    filter: brightness(120%);
}

.order_search:hover {
    filter: brightness(120%);
}

.template_search:hover {
    filter: brightness(120%);
}

.customized_resources:hover {
    filter: brightness(120%);
}

.items_search {
	flex-grow: 1;
    background-size: 100% 100%;
    display: inline-block;
    height: 281px;
    background: url("../images/item-searchv02.jpg") center;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 230px;
}
.order_search {
	flex-grow: 1;
    background-size: 100% 100%;
    display: inline-block;
    height: 281px;
    background: url("../images/order-searchv02.jpg") center;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 230px;
}
.template_search {
    flex-grow: 1;
    background-size: 100% 100%;
    display: inline-block;
    height: 281px;
    background: url("../images/template-searchv02.jpg") no-repeat center;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 230px;
}
.customized_resources {
 	flex-grow: 1;
    background-size: 100% 100%;
    display: inline-block;
    height: 281px;
    background: url("../images/customized-resourcesv02.jpg") no-repeat center;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 230px;
}

/* line 133, scss/modules/_tiles.scss */
.announcement-homepopup-counts-div {
  background-color: #c00;
  width: 20px;
  text-align: center;
  padding: 5px;
  float: right;
  border-radius: 20px;
  font-size: 19px;
}

/* 768px */
@media screen and (min-width: 616px) and (max-width: 800px) {
  /* line 147, scss/modules/_tiles.scss */
  .fullTile p {
    margin: 1px;
    padding: 100px 0;
    white-space: pre-wrap;
  }

  /* line 152, scss/modules/_tiles.scss */
  .thirdTile p {
    margin: 1px;
    padding: 26px 0;
    white-space: pre-wrap;
  }

  /* line 157, scss/modules/_tiles.scss */
  .halfTile p,
  .halfTile_buttom p {
    margin: 1px;
    padding: 46px 0;
    white-space: pre-wrap;
  }

  /* line 163, scss/modules/_tiles.scss */
  #bottom_content {
    margin: auto;
    padding: 11px 0 0;
  }

  /* line 167, scss/modules/_tiles.scss */
  #container_tiles {
    clear: both;
    font-size: 1em;
    line-height: 1.4em;
    padding: 0 2px 4px;
  }
}
/*
   modalbox.css
   
   Modalbox project
   
   Created by Andrew Okonetchnikov.
   Copyright 2006-2010 okonet.ru. All rights reserved.
   
   Licensed under MIT license.
*/
/* line 12, scss/modules/_modalbox.scss */
#MB_overlay {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  border: 0;
  background-color: #000 !important;
}

/* line 24, scss/modules/_modalbox.scss */
#MB_overlay[id] {
  position: fixed;
}

/* line 28, scss/modules/_modalbox.scss */
.MB_overlay P {
  white-space: normal !important;
}

/* line 32, scss/modules/_modalbox.scss */
.MB_overlay {
  border: none !important;
  color: #343434 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  width: 180px;
  margin: auto;
}

/* line 41, scss/modules/_modalbox.scss */
#MB_windowwrapper {
  position: absolute;
  top: 10%;
  width: 100%;
}

/* line 47, scss/modules/_modalbox.scss */
#MB_window {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 225px;
  left: 0;
  border: 0 solid;
  text-align: center;
  z-index: 10000;
}

/* line 58, scss/modules/_modalbox.scss */
#MB_window[id] {
  position: relative;
}

/* line 62, scss/modules/_modalbox.scss */
#MB_frame {
  position: relative;
  background-color: #EFEFEF;
  height: 100%;
}

/* line 68, scss/modules/_modalbox.scss */
#MB_header {
  margin: 0;
  padding: 0;
}

/* line 73, scss/modules/_modalbox.scss */
#MB_content {
  position: relative;
  padding: 6px .75em;
  overflow: auto;
}

/* line 79, scss/modules/_modalbox.scss */
#MB_caption {
  font: bold 100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .5em .75em;
  margin: 0;
  text-align: left;
}

/* line 86, scss/modules/_modalbox.scss */
#MB_close {
  display: block;
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  right: 9px;
  text-decoration: none;
  top: 2px;
}

/* line 96, scss/modules/_modalbox.scss */
#MB_close:hover {
  background: transparent;
}

/* line 100, scss/modules/_modalbox.scss */
#MB_loading {
  padding: 1.5em;
  text-indent: -10000px;
  background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
/* line 109, scss/modules/_modalbox.scss */
#MB_window {
  background-color: #EFEFEF;
  color: #000;
}

/* line 114, scss/modules/_modalbox.scss */
#MB_frame {
  padding-bottom: 4px;
}

/* line 120, scss/modules/_modalbox.scss */
#MB_header {
  background-color: #595454;
}

/* line 124, scss/modules/_modalbox.scss */
#MB_caption {
  color: #fff;
}

/* line 128, scss/modules/_modalbox.scss */
#MB_close {
  color: #fff;
}

/* line 132, scss/modules/_modalbox.scss */
#MB_close:hover {
  color: #d50a0a;
}

/* line 136, scss/modules/_modalbox.scss */
.MB_but {
  display: inline;
  background-color: #595454;
  border: 0 none;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 15px;
  padding: 8px 20px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-align: center;
  cursor: pointer;
}

/* line 151, scss/modules/_modalbox.scss */
.MB_but:hover {
  display: inline;
  background-color: #595454;
  border: 0 none;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 15px;
  padding: 8px 20px;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 168, scss/modules/_modalbox.scss */
#cancelBut.MB_but {
  width: 151px;
}

/* line 172, scss/modules/_modalbox.scss */
#deleteBut.MB_but {
  width: 151px;
  cursor: pointer;
}

/* Alert message */
/* line 180, scss/modules/_modalbox.scss */
.MB_alert {
  margin: 10px 0;
  text-align: center;
}

/*
Responsive Template Name: RS-1200 Prototype 38
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/
@-ms-viewport {
  width: device-width;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 14, scss/modules/_mediaqueries.scss */
  #pageWrapper {
    cursor: pointer;
  }
}
/* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */
/* 768px */
@media screen and (min-width: 616px) and (max-width: 960px) {
  /* line 26, scss/modules/_mediaqueries.scss */
  #header,
  #intro,
  #container,
  #footer,
  #copyright {
    max-width: 960px;
    margin: 0 auto;
  }

  /*#topnav ul{display:none;} */
  /* line 35, scss/modules/_mediaqueries.scss */
  form input[type="submit"] {
    margin-bottom: 10px;
  }

  /* line 38, scss/modules/_mediaqueries.scss */
  #username,
  #password {
    width: 90%;
  }

  /* line 42, scss/modules/_mediaqueries.scss */
  #newPassword,
  #oldPassword,
  #confirmPassword {
    width: 90%;
  }

  /* line 47, scss/modules/_mediaqueries.scss */
  .calltoaction.opt4 div {
    display: block;
    float: none;
    width: 100%;
    margin: 30px 0 0 0;
  }

  /* line 53, scss/modules/_mediaqueries.scss */
  .calltoaction.opt4 div:first-child {
    margin-top: 0;
    text-align: center;
  }

  /* line 57, scss/modules/_mediaqueries.scss */
  .calltoaction.opt4 {
    font-size: 1.5em;
  }

  /* line 60, scss/modules/_mediaqueries.scss */
  #fof {
    padding: 30px 0 0 0;
  }

  /* line 63, scss/modules/_mediaqueries.scss */
  #fof h1 {
    margin-top: 0;
    font-size: 12em;
  }

  /* line 67, scss/modules/_mediaqueries.scss */
  #fof h2 {
    margin-top: 0;
  }

  /* line 70, scss/modules/_mediaqueries.scss */
  form input[type="submit"],
  form input[type="reset"] {
    padding: 5px 8px;
  }

  /* line 74, scss/modules/_mediaqueries.scss */
  #header #header-contact {
    width: 45%;
  }

  /* line 77, scss/modules/_mediaqueries.scss */
  .drop {
    width: 24px;
  }

  /* line 82, scss/modules/_mediaqueries.scss */
  #sidebar_1 {
    background: none repeat scroll 0 0 #EBEBEB;
    margin-left: 0;
    width: 25%;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
  }

  /* line 89, scss/modules/_mediaqueries.scss */
  #container_info {
    font-size: 0.9em;
  }

  /* line 92, scss/modules/_mediaqueries.scss */
  #mainContent {
    margin: 0 0 0 2%;
    width: 73%;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
    overflow-x: scroll;
  }

  /* line 99, scss/modules/_mediaqueries.scss */
  .accordion-wrapper .accordion-title,
  .toggle-wrapper .toggle-title {
    background-color: #7fdbff;
    background-image: url("../../images/plus-16x16.png");
  }

  /* line 104, scss/modules/_mediaqueries.scss */
  .resultsViewPagination {
    float: left;
    margin-left: 0%;
  }

  /* line 108, scss/modules/_mediaqueries.scss */
  #footerContact {
    float: left;
    padding: 0 30px 30px;
    border: none;
    width: 590px;
  }

  /* line 114, scss/modules/_mediaqueries.scss */
  #footer .contact li,
  #footer .contact li a {
    width: 400px;
  }

  /* line 118, scss/modules/_mediaqueries.scss */
  #footer .contact li,
  #footer .contact li a {
    color: #fff;
    font-size: 1.2em;
  }

  /* line 123, scss/modules/_mediaqueries.scss */
  #footerAccount,
  #footerShop,
  #footerSupport {
    padding-left: 40px;
    width: 25%;
  }

  /* line 129, scss/modules/_mediaqueries.scss */
  #footerShop {
    margin-left: 15px;
  }

  /* line 132, scss/modules/_mediaqueries.scss */
  #footerSupport {
    margin-left: 10px;
  }

  /* line 135, scss/modules/_mediaqueries.scss */
  #footerContact {
    margin-left: 10px;
  }

  /* line 138, scss/modules/_mediaqueries.scss */
  #copyright {
    padding: 25px 0 15px;
  }

  /* line 141, scss/modules/_mediaqueries.scss */
  .resultsViewTypes {
    color: #fff;
    float: left;
    margin-left: -5px;
  }

  /* line 146, scss/modules/_mediaqueries.scss */
  .resultsViewSort {
    border: medium none;
    float: right;
    font-size: 11px;
    padding: 0;
  }

  /* line 152, scss/modules/_mediaqueries.scss */
  fieldset {
    paddding: 0 !important;
    width: 95% !important;
  }

  /* line 157, scss/modules/_mediaqueries.scss */
  .conventionFieldSet {
    float: left;
    margin-top: 0;
    padding: 10px 2px 10px 22px;
  }

  /* line 162, scss/modules/_mediaqueries.scss */
  .label_form_checkboxtxt {
    /* style for label next to checkbox */
    display: inline-block;
    left: 4px;
    position: relative;
    top: 28px;
    width: 130px;
  }

  /* line 170, scss/modules/_mediaqueries.scss */
  .searchResult_gridView_fiveColumnSection .column {
    display: inline;
    float: left;
    height: 130px;
    width: 22.5%;
  }

  /* line 176, scss/modules/_mediaqueries.scss */
  .templateCell {
    font-size: 10px;
    margin: 2px 12px 40px;
    padding: 10px;
    position: relative;
    width: 218px;
  }

  /* line 183, scss/modules/_mediaqueries.scss */
  #image_container {
    margin: 0 auto !important;
  }

  /*.templateCell a .customizeButton {margin:19px;}*/
  /* line 187, scss/modules/_mediaqueries.scss */
  .column.templateCell {
    text-align: center;
  }

  /* line 190, scss/modules/_mediaqueries.scss */
  #createTemplateForm #fileListId .resultsTable {
    margin: 0 20px 0 0 !important;
    width: 100% !important;
  }

  /* ----- tiles  ----- */
  /* line 195, scss/modules/_mediaqueries.scss */
  #expired_items p {
    line-height: 30px;
    padding: 82px 0;
  }

  /* line 199, scss/modules/_mediaqueries.scss */
  #resource_center p {
    line-height: 22px;
    padding: 12px 0;
  }

  /* line 203, scss/modules/_mediaqueries.scss */
  #recent_orders p {
    line-height: 23px;
    padding: 33px 0;
  }

  /* line 207, scss/modules/_mediaqueries.scss */
  #announcement p {
    font-size: 21px;
  }
}
/* 960px */
@media screen and (min-width: 960px) {
  /* line 216, scss/modules/_mediaqueries.scss */
  body.boxed .wrapper {
    width: 960px;
  }

  /* line 219, scss/modules/_mediaqueries.scss */
  #header,
  #intro,
  #container,
  #footer,
  #copyright {
    width: 100%;
    margin: 0 auto;
  }

  /* line 228, scss/modules/_mediaqueries.scss */
  #header #header-contact {
    width: 37%;
  }
}
/* 1028px */
@media screen and (min-width: 1028px) {
  /* line 237, scss/modules/_mediaqueries.scss */
  body.boxed .wrapper {
    width: 960px;
  }

  /* line 240, scss/modules/_mediaqueries.scss */
  #header,
  #intro,
  #container,
  #footer,
  #copyright {
    width: 960px;
    margin: 0 auto;
  }

  /* line 249, scss/modules/_mediaqueries.scss */
  #header #header-contact {
    width: 37%;
  }
}
/* 1200px */
@media screen and (min-width: 1200px) {
  /* line 258, scss/modules/_mediaqueries.scss */
  body.boxed .wrapper {
    width: 960px;
  }

  /* line 261, scss/modules/_mediaqueries.scss */
  #header,
  #intro,
  #container,
  #footer,
  #copyright,
  .stretched {
    width: 960px;
    margin: 0 auto;
  }

  /* line 271, scss/modules/_mediaqueries.scss */
  #header #header-contact {
    width: 37%;
  }
}
/* Hide The Jquery Generated Navigation Form from 801px upwards */
@media screen and (min-width: 801px) and (max-width: 10000px) {
  /* line 280, scss/modules/_mediaqueries.scss */
  body.boxed .wrapper {
    width: 960px;
  }

  /* line 283, scss/modules/_mediaqueries.scss */
  #intro,
  #container,
  #footer,
  #copyright,
  .stretched {
    width: 100%;
    margin: 0 auto;
  }

  /* line 291, scss/modules/_mediaqueries.scss */
  #header #header-contact {
    width: 40%;
  }
}
/* Resize Extended Box */
@media screen and (min-width: 1501px) {
  /* line 300, scss/modules/_mediaqueries.scss */
  body.boxed .wrapper {
    width: 960px;
  }
}
/* line 3, scss/modules/_quickFlip.scss */
.helpQuickFlip {
  height: 77px;
  width: 240px;
}

/* line 7, scss/modules/_quickFlip.scss */
.recentOrdersQuickFlip {
  height: 115px;
  width: 240px  !important;
}

/* line 13, scss/modules/_quickFlip.scss */
.quickFlipCta {
  cursor: pointer;
}

/**********************************************************************
** Home page - quick flips
**********************************************************************/
/* line 21, scss/modules/_quickFlip.scss */
.help_flip {
  height: 77px;
  width: 236px !important;
  background-color: #BACDDB;
  /*padding-top:10px;*/
  text-align: center;
}

/* line 29, scss/modules/_quickFlip.scss */
.recent_orders_flip {
  height: 115px;
  width: 224px !important;
  background-color: #BACDDB;
  left: 9px !important;
}

/* line 37, scss/modules/_quickFlip.scss */
#switchIcon {
  float: right;
  /* padding-right:5px;*/
  font-color: white;
}

/* line 44, scss/modules/_quickFlip.scss */
.recentOrdersTileData {
  width: 80%;
  border-collapse: separate;
  font-size: 10px;
  color: #343434;
}

/* line 51, scss/modules/_quickFlip.scss */
table.recentOrdersTileData {
  padding: 0px;
  margin: 0;
  line-height: 1.4em;
}

/*! http://responsiveslides.com v1.53 by @viljamis */
/* line 2, scss/modules/_responsiveslides.scss */
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

/* line 3, scss/modules/_responsiveslides.scss */
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

/* line 4, scss/modules/_responsiveslides.scss */
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* Theme */
/* line 7, scss/modules/_responsiveslides.scss */
.rslides_container {
  display: block;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 0 0;
  position: relative;
  width: 99.5%;
}

/* line 16, scss/modules/_responsiveslides.scss */
.rslides {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  list-style: none;
}

/* line 17, scss/modules/_responsiveslides.scss */
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
}

/* line 18, scss/modules/_responsiveslides.scss */
.centered-btns_nav:active {
  opacity: 1.0;
}

/* line 19, scss/modules/_responsiveslides.scss */
.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

/* line 20, scss/modules/_responsiveslides.scss */
.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  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%;
}

/* line 21, scss/modules/_responsiveslides.scss */
.transparent-btns_nav.next {
  left: auto;
  right: 0;
}

/* line 23, scss/modules/_responsiveslides.scss */
.centered-btns1_on a {
  bottom: 90px;
  color: #000000;
  font-size: 30px;
  left: 40%;
  position: relative;
}

/* line 31, scss/modules/_responsiveslides.scss */
.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/themes.gif") no-repeat left 50%;
  width: 38px;
}

/* line 32, scss/modules/_responsiveslides.scss */
.large-btns_nav:active {
  opacity: 1.0;
}

/* line 33, scss/modules/_responsiveslides.scss */
.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
}

/* line 34, scss/modules/_responsiveslides.scss */
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {
  outline: none;
}

/* line 35, scss/modules/_responsiveslides.scss */
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
  margin-top: 10px;
  text-align: center;
}

/* line 36, scss/modules/_responsiveslides.scss */
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}

/* line 37, scss/modules/_responsiveslides.scss */
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  width: 9px;
  height: 9px;
}

/* line 38, scss/modules/_responsiveslides.scss */
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
}

/* 768px */
@media screen and (min-width: 616px) and (max-width: 800px) {
  /* line 44, scss/modules/_responsiveslides.scss */
  .rslides_container {
    display: block;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 11px 0 0;
    position: relative;
    width: 98.8%;
  }
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
/* line 4, scss/modules/_reveal.scss */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

/* line 17, scss/modules/_reveal.scss */
.reveal-modal {
  visibility: hidden;
  top: 5%;
  left: 50%;
  margin-left: -374px;
  width: 700px;
  background: #fff;
  position: absolute;
  z-index: 9999;
  padding: 30px 24px 34px;
  cursor: pointer;
  color: #343434;
}

/* line 31, scss/modules/_reveal.scss */
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}

/* line 36, scss/modules/_reveal.scss */
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}

/* line 41, scss/modules/_reveal.scss */
.reveal-modal.large {
  width: 500px;
  margin-left: -240px;
}

/* line 46, scss/modules/_reveal.scss */
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}

/* line 51, scss/modules/_reveal.scss */
.reveal-modal .close-reveal-modal {
  font-size: 30px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #343434;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

/* line 65, scss/modules/_reveal.scss */
.reval-modal-content {
  color: #343434;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 75, scss/modules/_reveal.scss */
.reval-modal-content.small {
  color: #343434;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
/*TAB SORTER */
/* line 2, scss/modules/_tableorderer.scss */
body {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 4, scss/modules/_tableorderer.scss */
.prototools-table {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: 11px;
}

/* line 5, scss/modules/_tableorderer.scss */
.prototools-table th {
  background-color: #e4e4e4;
  border: 1px solid #fff;
  cursor: pointer;
  background-position: right center;
  background-repeat: no-repeat;
  /*background-image:url(../images/bg.gif);*/
}

/* line 14, scss/modules/_tableorderer.scss */
.prototools-table th.desc {
  background-image: url("../images/desc.gif");
  background-color: #CDDBDC;
}

/* line 15, scss/modules/_tableorderer.scss */
.prototools-table th.asc {
  background-image: url("../images/asc.gif");
  background-color: #CDDBDC;
}

/* line 16, scss/modules/_tableorderer.scss */
.prototools-table th.on {
  background-color: #CDDBDC;
  cursor: pointer;
}

/* line 18, scss/modules/_tableorderer.scss */
.prototools-table td, .prototools-table th {
  padding: 6px;
}

/* line 19, scss/modules/_tableorderer.scss */
.prototools-table tr.line0 {
  background-color: #fff;
}

/* line 20, scss/modules/_tableorderer.scss */
.prototools-table tr.line1 {
  background-color: #F4F4F4;
}

/* line 21, scss/modules/_tableorderer.scss */
.prototools-table tr.on {
  background-color: #CDDBDC;
  cursor: pointer;
}

/* line 22, scss/modules/_tableorderer.scss */
.prototools-table tr.selected {
  background-color: #E4E4E4;
  cursor: pointer;
}

/* line 23, scss/modules/_tableorderer.scss */
.prototools-table .odd {
  background-color: #F4F4F4;
}

/* line 24, scss/modules/_tableorderer.scss */
.prototools-table .even {
  background-color: #fff;
}

/* line 26, scss/modules/_tableorderer.scss */
div.prototools-options {
  border: 1px solid #E1E1E1;
  font-size: 11px;
  padding: 5px 7px;
}

/* line 27, scss/modules/_tableorderer.scss */
div.prototools-options input, div.prototools-options select {
  border: 1px solid #CCC;
  font-size: 11px;
  padding: 1px 3px;
  margin: 0 5px;
}

/* line 29, scss/modules/_tableorderer.scss */
div.prototools-pager {
  border: 1px solid #E1E1E1;
  font-size: 11px;
  padding: 5px 7px;
  text-align: right;
}

/* line 30, scss/modules/_tableorderer.scss */
div.prototools-pager .currentpage {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 31, scss/modules/_tableorderer.scss */
div.prototools-pager .totalpages {
  padding: 0;
}

/* line 32, scss/modules/_tableorderer.scss */
div.prototools-pager input {
  border: 1px solid #E1E1E1;
  font-size: 11px;
  margin: 0 3px;
}

/* line 34, scss/modules/_tableorderer.scss */
div.prototools-search {
  border: 1px solid #E1E1E1;
  font-size: 11px;
  padding: 5px 7px;
}

/* line 35, scss/modules/_tableorderer.scss */
div.prototools-search input {
  border: 1px solid #E1E1E1;
  font-size: 11px;
  margin: 0 3px;
}

/* line 37, scss/modules/_tableorderer.scss */
th {
  font-weight: bold;
}

/*
Responsive Template Name: RS-1200 Prototype 38
File: Elements CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/
/* Call To Action - Best used as a full width banner */
/* line 12, scss/modules/_elements.scss */
.calltoaction {
  display: block;
  padding: 30px;
  text-transform: uppercase;
  font-size: 1em;
  color: #000000;
  background-color: #EFEFEF;
}

/* line 21, scss/modules/_elements.scss */
#container .calltoaction h1 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 2.5em;
  text-transform: uppercase;
}

/* line 28, scss/modules/_elements.scss */
.calltoaction p {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  text-transform: none;
}

/* line 35, scss/modules/_elements.scss */
.calltoaction .button {
  display: block;
  text-align: center;
  line-height: 1.4em;
}

/* line 41, scss/modules/_elements.scss */
.calltoaction.opt1 {
  border: solid #FF9900;
  border-width: 0 0 0 5px;
}

/* line 46, scss/modules/_elements.scss */
.calltoaction.opt2 {
  border: solid #FF9900;
  border-width: 0 5px 0 0;
}

/* line 51, scss/modules/_elements.scss */
.calltoaction.opt3 {
  border: solid #FF9900;
  border-width: 0 5px;
}

/* line 56, scss/modules/_elements.scss */
.calltoaction.opt4 {
  border: solid #FF9900;
  border-width: 2px 0;
  font-size: 1.8em;
}

/* line 62, scss/modules/_elements.scss */
#container .calltoaction.opt4 h1 {
  margin: 15px 0 0 0;
}

/* Lists - For ul + ol */
/* line 69, scss/modules/_elements.scss */
.list {
  margin: 10px 0;
  padding: 0;
  list-style-position: inside;
}

/* line 75, scss/modules/_elements.scss */
.list.indent {
  margin-left: 20px;
}

/* line 79, scss/modules/_elements.scss */
.list li {
  margin: 6px 0 0 0;
  padding: 0;
}

/* line 84, scss/modules/_elements.scss */
.list li:first-child {
  margin: 0;
}

/* line 88, scss/modules/_elements.scss */
.list li > ul,
.list li > ol {
  margin: 8px 0 8px 30px;
}

/* line 93, scss/modules/_elements.scss */
.list.disc {
  list-style-type: disc;
}

/* line 97, scss/modules/_elements.scss */
.list.roman {
  list-style-type: upper-roman;
}

/* line 101, scss/modules/_elements.scss */
.list.alpha {
  list-style-type: upper-alpha;
}

/* line 105, scss/modules/_elements.scss */
.list.decimal {
  list-style-type: decimal;
}

/* line 109, scss/modules/_elements.scss */
.list.circle {
  list-style-type: circle;
}

/* line 113, scss/modules/_elements.scss */
.list.none,
.list.block,
.list.tick,
.list.arrow,
.list.tagcloud,
.list.underline {
  list-style-type: none;
}

/* line 122, scss/modules/_elements.scss */
.list.block li > ul,
.list.block li > ol {
  padding: 0 0 0 10px;
  list-style: none;
  border-left: 1px solid #CCCCCC;
}

/* line 129, scss/modules/_elements.scss */
.list.tick li,
.list.arrow li {
  padding-left: 22px;
  background: no-repeat 0 2px;
}

/* line 135, scss/modules/_elements.scss */
.list.tick li {
  background-image: url("../images/icons/gemicon/tick-16x16.png");
}

/* line 139, scss/modules/_elements.scss */
.list.arrow li {
  background-image: url("../images/icons/gemicon/arrow-16x16.png");
}

/* line 143, scss/modules/_elements.scss */
.list.underline li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E5E4E3;
}

/* line 149, scss/modules/_elements.scss */
.list.underline li:last-child {
  margin-bottom: 0;
}

/* line 153, scss/modules/_elements.scss */
.list.tagcloud li {
  display: inline-block;
  margin: 0 5px 5px 0;
}

/* line 158, scss/modules/_elements.scss */
.list.tagcloud li a {
  display: block;
  padding: 4px 10px;
  color: #fff;
  background-color: #A8A8A8;
  text-transform: capitalize;
}

/* line 166, scss/modules/_elements.scss */
.list.tagcloud li a:hover {
  color: #fff;
  background-color: #FF9900;
}

/* Base Colours */
/* line 174, scss/modules/_elements.scss */
.blue {
  color: #56AED4;
}

/* line 178, scss/modules/_elements.scss */
.green {
  color: #C0E079;
}

/* line 182, scss/modules/_elements.scss */
.grey {
  color: #A8A8A8;
}

/* line 186, scss/modules/_elements.scss */
.dkgrey {
  color: #333333;
}

/* line 190, scss/modules/_elements.scss */
.orange {
  color: #FF9900;
}

/* line 194, scss/modules/_elements.scss */
.purple {
  color: #9F81A9;
}

/* line 198, scss/modules/_elements.scss */
.red {
  color: #D54346;
}

/* line 202, scss/modules/_elements.scss */
.yellow {
  color: #FDE803;
}

/* line 206, scss/modules/_elements.scss */
.white {
  color: #fff;
}

/* line 210, scss/modules/_elements.scss */
.bg_blue {
  color: #fff;
  background-color: #56AED4;
}

/* line 215, scss/modules/_elements.scss */
.bg_green {
  color: #fff;
  background-color: #C0E079;
}

/* line 220, scss/modules/_elements.scss */
.bg_grey {
  color: #fff;
  background-color: #A8A8A8;
}

/* line 225, scss/modules/_elements.scss */
.bg_dkgrey {
  color: #fff;
  background-color: #333333;
}

/* line 230, scss/modules/_elements.scss */
.bg_orange {
  color: #fff;
  background-color: #FF9900;
}

/* line 235, scss/modules/_elements.scss */
.bg_purple {
  color: #fff;
  background-color: #9F81A9;
}

/* line 240, scss/modules/_elements.scss */
.bg_red {
  color: #fff;
  background-color: #D54346;
}

/* line 245, scss/modules/_elements.scss */
.bg_yellow {
  color: #666666;
  background-color: #FDE803;
}

/* Dividers */
/* line 253, scss/modules/_elements.scss */
.divider1,
.divider2,
.divider3 {
  display: block;
  width: 100%;
  height: 20px;
  margin: 30px 0;
  padding: 0;
  border-top: 1px #D6D6D6;
  clear: both;
}

/* line 265, scss/modules/_elements.scss */
.divider1 {
  border-top-style: solid;
}

/* line 269, scss/modules/_elements.scss */
.divider2 {
  border-top-style: dotted;
}

/* line 273, scss/modules/_elements.scss */
.divider3 {
  border-top-style: dashed;
}

/* Buttons */
/* line 280, scss/modules/_elements.scss */
.button {
  display: inline-block;
  border: 1px solid;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 287, scss/modules/_elements.scss */
.button.gradient {
  background: -moz-linear-gradient(top);
  background: -webkit-gradient(linear, left top, left bottom);
  background: -webkit-linear-gradient(top);
  background: -o-linear-gradient(top);
  background: -ms-linear-gradient(top);
  background: linear-gradient(to bottom);
  text-shadow: 2px 3px 0 rgba(30, 30, 30, 0.2);
  -moz-transition: color .3s ease-in, -moz-transform .3s ease-in;
  -webkit-transition: color .3s ease-in, -webkit-transform .3s ease-in;
  -o-transition: color .3s ease-in, -o-transform .3s ease-in;
  transition: color .3s ease-in, transform .3s ease-in;
}

/* line 301, scss/modules/_elements.scss */
.button.small {
  font-size: .9em;
  padding: 6px 15px 5px 15px;
}

/* line 306, scss/modules/_elements.scss */
.button.medium {
  font-size: 1.1em;
  padding: 10px 20px 9px 20px;
}

/* line 311, scss/modules/_elements.scss */
.button.large {
  font-size: 1.4em;
  font-weight: normal;
  padding: 18px 20px 17px 20px;
}

/* line 317, scss/modules/_elements.scss */
.button.search {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #7fdbff;
  color: #fff;
  text-transform: none;
}

/* line 328, scss/modules/_elements.scss */
.button.clear_all {
  font-size: 1.2em;
  font-weight: normal;
  padding: 11px;
  border: none;
  width: 100%;
  background: #BFBFBF;
  color: #fff;
  text-transform: none;
}

/* line 339, scss/modules/_elements.scss */
.button.large.blue2:hover {
  background-color: #8b2089;
}

/* To create the SVG gradient colour support for IE9 visit: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html */
/* line 346, scss/modules/_elements.scss */
.button.search:hover {
  color: #fff;
  background-color: #0065A5;
  border-color: #80ABCF;
}

/* line 352, scss/modules/_elements.scss */
.button.clear_all:hover {
  color: #fff;
  background-color: #797979;
  border-color: #80ABCF;
}

/* line 358, scss/modules/_elements.scss */
.button.blue {
  color: #fff;
  background-color: #43657E;
  border-color: #003768;
}

/* line 364, scss/modules/_elements.scss */
.button.blue:hover {
  color: #fff;
  background-color: #8b2089;
  border-color: #8b2089;
}

/* line 371, scss/modules/_elements.scss */
.button.blue.gradient {
  background: #1C546C;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NkFFRDQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxQzU0NkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDkpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#56AED4 0%, #1C546C 100%);
  background: -webkit-gradient(color-stop(0%, #56AED4), color-stop(100%, #1C546C));
  background: -webkit-linear-gradient(#56AED4 0%, #1C546C 100%);
  background: -o-linear-gradient(#56AED4 0%, #1C546C 100%);
  background: -ms-linear-gradient(#56AED4 0%, #1C546C 100%);
  background: linear-gradient(#56AED4 0%, #1C546C 100%);
}

/* line 382, scss/modules/_elements.scss */
.button.green {
  color: #fff;
  background-color: #C0E079;
  border-color: #98BA55;
}

/* line 388, scss/modules/_elements.scss */
.button.green:hover {
  color: #7C9B41;
  background-color: #98BA55;
  border-color: #7C9B41;
}

/* line 394, scss/modules/_elements.scss */
.button.green.gradient {
  background: #98BA55;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDMEUwNzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OEJBNTUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#C0E079 0%, #98BA55 100%);
  background: -webkit-gradient(color-stop(0%, #C0E079), color-stop(100%, #98BA55));
  background: -webkit-linear-gradient(#C0E079 0%, #98BA55 100%);
  background: -o-linear-gradient(#C0E079 0%, #98BA55 100%);
  background: -ms-linear-gradient(#C0E079 0%, #98BA55 100%);
  background: linear-gradient(#C0E079 0%, #98BA55 100%);
}

/* line 405, scss/modules/_elements.scss */
.button.grey {
  color: #fff;
  background-color: #A8A8A8;
  border-color: #333333;
}

/* line 411, scss/modules/_elements.scss */
.button.grey:hover {
  color: #666666;
  background-color: #C9C9C9;
  border-color: #666666;
}

/* line 417, scss/modules/_elements.scss */
.button.grey.gradient {
  background: #A8A8A8;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDOUM5QzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBOEE4QTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NDcpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
  background: -webkit-gradient(color-stop(0%, #C9C9C9), color-stop(100%, #A8A8A8));
  background: -webkit-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
  background: -o-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
  background: -ms-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
  background: linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
}

/* line 428, scss/modules/_elements.scss */
.button.orange {
  color: #fff;
  background-color: #FF9900;
  border-color: #CC7500;
}

/* line 434, scss/modules/_elements.scss */
.button.orange:hover {
  color: #FF9900;
  background-color: #A66000;
  border-color: #FF9900;
}

/* line 440, scss/modules/_elements.scss */
.button.orange.gradient {
  background: #A66000;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjkwMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBNjYwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODIpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#FF9000 0%, #A66000 100%);
  background: -webkit-gradient(color-stop(0%, #FF9000), color-stop(100%, #A66000));
  background: -webkit-linear-gradient(#FF9000 0%, #A66000 100%);
  background: -o-linear-gradient(#FF9000 0%, #A66000 100%);
  background: -ms-linear-gradient(#FF9000 0%, #A66000 100%);
  background: linear-gradient(#FF9000 0%, #A66000 100%);
}

/* line 451, scss/modules/_elements.scss */
.button.purple {
  color: #fff;
  background-color: #9F81A9;
  border-color: #74557D;
}

/* line 457, scss/modules/_elements.scss */
.button.purple:hover {
  color: #9F81A9;
  background-color: #48344E;
  border-color: #9F81A9;
}

/* line 463, scss/modules/_elements.scss */
.button.purple.gradient {
  background: #48344E;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5RjgxQTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0ODM0NEUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODMpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#9F81A9 0%, #48344E 100%);
  background: -webkit-gradient(color-stop(0%, #9F81A9), color-stop(100%, #48344E));
  background: -webkit-linear-gradient(#9F81A9 0%, #48344E 100%);
  background: -o-linear-gradient(#9F81A9 0%, #48344E 100%);
  background: -ms-linear-gradient(#9F81A9 0%, #48344E 100%);
  background: linear-gradient(#9F81A9 0%, #48344E 100%);
}

/* line 474, scss/modules/_elements.scss */
.button.red {
  color: #fff;
  background-color: #D54346;
  border-color: #AC2629;
}

/* line 480, scss/modules/_elements.scss */
.button.red:hover {
  color: #D54346;
  background-color: #7A1B1D;
  border-color: #D54346;
}

/* line 486, scss/modules/_elements.scss */
.button.red.gradient {
  background: #7A1B1D;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENTQzNDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3QTFCMUQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NjApIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#D54346 0%, #7A1B1D 100%);
  background: -webkit-gradient(color-stop(0%, #D54346), color-stop(100%, #7A1B1D));
  background: -webkit-linear-gradient(#D54346 0%, #7A1B1D 100%);
  background: -o-linear-gradient(#D54346 0%, #7A1B1D 100%);
  background: -ms-linear-gradient(#D54346 0%, #7A1B1D 100%);
  background: linear-gradient(#D54346 0%, #7A1B1D 100%);
}

/* line 497, scss/modules/_elements.scss */
.button.yellow {
  color: #333333;
  background-color: #FDE803;
  border-color: #FDC703;
}

/* line 503, scss/modules/_elements.scss */
.button.yellow:hover {
  color: #FDE803;
  background-color: #D2A402;
  border-color: #FDE803;
}

/* line 509, scss/modules/_elements.scss */
.button.yellow.gradient {
  background: #D2A402;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGREU4MDMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMkE0MDIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjkpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#FDE803 0%, #D2A402 100%);
  background: -webkit-gradient(color-stop(0%, #FDE803), color-stop(100%, #D2A402));
  background: -webkit-linear-gradient(#FDE803 0%, #D2A402 100%);
  background: -o-linear-gradient(#FDE803 0%, #D2A402 100%);
  background: -ms-linear-gradient(#FDE803 0%, #D2A402 100%);
  background: linear-gradient(#FDE803 0%, #D2A402 100%);
}

/* line 520, scss/modules/_elements.scss */
.button.black {
  color: #fff;
  background-color: #000000;
  border-color: #999999;
}

/* line 526, scss/modules/_elements.scss */
.button.black:hover {
  color: #666666;
  background-color: #232323;
  border-color: #000000;
}

/* line 532, scss/modules/_elements.scss */
.button.black.gradient {
  background: #000000;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5OTk5OTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2OTMpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#999999 0%, #000000 100%);
  background: -webkit-gradient(color-stop(0%, #999999), color-stop(100%, #000000));
  background: -webkit-linear-gradient(#999999 0%, #000000 100%);
  background: -o-linear-gradient(#999999 0%, #000000 100%);
  background: -ms-linear-gradient(#999999 0%, #000000 100%);
  background: linear-gradient(#999999 0%, #000000 100%);
}

/* line 543, scss/modules/_elements.scss */
.button.white {
  color: #666666;
  background-color: #fff;
  border-color: #A8A8A8;
}

/* line 549, scss/modules/_elements.scss */
.button.white:hover {
  color: #333333;
  background-color: #EFEFEF;
  border-color: #000000;
}

/* line 555, scss/modules/_elements.scss */
.button.white.gradient {
  background: #EFEFEF;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MTkpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(#fff 0%, #EFEFEF 100%);
  background: -webkit-gradient(color-stop(0%, #fff), color-stop(100%, #EFEFEF));
  background: -webkit-linear-gradient(#fff 0%, #EFEFEF 100%);
  background: -o-linear-gradient(#fff 0%, #EFEFEF 100%);
  background: -ms-linear-gradient(#fff 0%, #EFEFEF 100%);
  background: linear-gradient(#fff 0%, #EFEFEF 100%);
}

/* Alert Messages */
/* line 569, scss/modules/_elements.scss */
.alert-msg {
  display: block;
  position: relative;
  margin: 15px 0;
  padding: 15px 40px 15px 20px;
  border: 1px solid #F00000;
  color: inherit;
}

/* line 578, scss/modules/_elements.scss */
.alert-msg a {
  background-color: transparent;
}

/* line 582, scss/modules/_elements.scss */
.alert-msg.info {
  border-color: #A8A8A8;
}

/* line 586, scss/modules/_elements.scss */
.alert-msg.warning {
  background-color: #FEE794;
  border-color: #FDC703;
}

/* line 591, scss/modules/_elements.scss */
.alert-msg.success {
  background-color: #C2E4CD;
  border-color: #76C38F;
}

/* line 596, scss/modules/_elements.scss */
.alert-msg.error {
  background-color: #F3CBCC;
  border-color: #D54346;
}

/* line 601, scss/modules/_elements.scss */
.alert-msg .close {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #999999;
  font-weight: bold;
  font-size: 1.4em;
}

/* Jquery Accordion + Jquery Toggle */
/* line 613, scss/modules/_elements.scss */
.accordion-wrapper,
.toggle-wrapper {
  display: block;
  width: 100%;
  margin-top: 10px;
  background: none repeat scroll 0 0 #fff;
}

/* line 621, scss/modules/_elements.scss */
.accordion-wrapper:first-child,
.toggle-wrapper:first-child {
  margin-top: 0;
}

/* line 626, scss/modules/_elements.scss */
.accordion-wrapper .accordion-title,
.accordion-wrapper .accordion-title.active,
.toggle-wrapper .toggle-title,
.toggle-wrapper .toggle-title.active {
  display: block;
  padding: 0 0 0 34px;
  background: no-repeat 9px center;
}

/* line 635, scss/modules/_elements.scss */
.accordion-wrapper .accordion-title span,
.accordion-wrapper .accordion-title.active span,
.toggle-wrapper .toggle-title span,
.toggle-wrapper .toggle-title.active span {
  display: block;
  padding: 5px 15px;
  background-color: #7fdbff;
}

/* line 644, scss/modules/_elements.scss */
.accordion-wrapper .accordion-title,
.toggle-wrapper .toggle-title {
  background-image: url("../images/plus-16x16.png");
  background-color: #7fdbff;
}

/* line 650, scss/modules/_elements.scss */
.accordion-wrapper .accordion-title.active,
.toggle-wrapper .toggle-title.active {
  color: #fff;
  background-image: url("../images/minus-16x16.png");
  background-color: #7fdbff;
}

/* line 657, scss/modules/_elements.scss */
.accordion-wrapper .accordion-content,
.toggle-wrapper .toggle-content {
  display: none;
  padding: 1px 8px;
  background-color: #8BCCE4;
  color: #000;
}

/* Jquery Tabs */
/* line 668, scss/modules/_elements.scss */
.tab-wrapper {
  display: block;
  width: 100%;
}

/* line 673, scss/modules/_elements.scss */
.tab-wrapper .tab-nav {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 680, scss/modules/_elements.scss */
.tab-wrapper .tab-nav li {
  display: inline-block;
  float: left;
  margin: 0 -1px -1px 0;
}

/* line 686, scss/modules/_elements.scss */
.tab-wrapper .tab-nav li a {
  display: block;
  padding: 10px 20px;
  border: 1px solid #E5E4E3;
}

/* line 692, scss/modules/_elements.scss */
.tab-wrapper .tab-nav li a:hover,
.tab-wrapper .tab-nav li.ui-tabs-active a {
  color: #919191;
}

/* line 697, scss/modules/_elements.scss */
.tab-wrapper .tab-nav li.ui-tabs-active a {
  border-bottom-color: #fff;
  cursor: default;
}

/* line 702, scss/modules/_elements.scss */
.tab-wrapper .tab-container {
  display: block;
  padding: 20px 25px 15px 25px;
  border: 1px solid #E5E4E3;
}

/* Jquery Tabs + Rounded Corners */
/* line 711, scss/modules/_elements.scss */
.tab-wrapper.rnd5 .tab-nav li:first-child a {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}

/* line 717, scss/modules/_elements.scss */
.tab-wrapper.rnd5 .tab-nav li:last-child a {
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

/* line 723, scss/modules/_elements.scss */
.tab-wrapper.rnd5 .tab-container {
  -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
}

/* line 729, scss/modules/_elements.scss */
.tab-wrapper.rnd8 .tab-nav li:first-child a {
  -moz-border-radius: 8px 0 0 0;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}

/* line 735, scss/modules/_elements.scss */
.tab-wrapper.rnd8 .tab-nav li:last-child a {
  -moz-border-radius: 0 8px 0 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}

/* line 741, scss/modules/_elements.scss */
.tab-wrapper.rnd8 .tab-container {
  -moz-border-radius: 0 8px 8px 8px;
  -webkit-border-radius: 0 8px 8px 8px;
  border-radius: 0 8px 8px 8px;
}

/* line 747, scss/modules/_elements.scss */
.tab-wrapper.rnd10 .tab-nav li:first-child a {
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

/* line 753, scss/modules/_elements.scss */
.tab-wrapper.rnd10 .tab-nav li:last-child a {
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}

/* line 759, scss/modules/_elements.scss */
.tab-wrapper.rnd10 .tab-container {
  -moz-border-radius: 0 10px 10px 10px;
  -webkit-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
}

/* line 765, scss/modules/_elements.scss */
.tab-wrapper.rnd12 .tab-nav li:first-child a {
  -moz-border-radius: 12px 0 0 0;
  -webkit-border-radius: 12px 0 0 0;
  border-radius: 12px 0 0 0;
}

/* line 771, scss/modules/_elements.scss */
.tab-wrapper.rnd12 .tab-nav li:last-child a {
  -moz-border-radius: 0 12px 0 0;
  -webkit-border-radius: 0 12px 0 0;
  border-radius: 0 12px 0 0;
}

/* line 777, scss/modules/_elements.scss */
.tab-wrapper.rnd12 .tab-container {
  -moz-border-radius: 0 12px 12px 12px;
  -webkit-border-radius: 0 12px 12px 12px;
  border-radius: 0 12px 12px 12px;
}

/* Jquery Tabs - Vertical */
/* line 786, scss/modules/_elements.scss */
.tab-wrapper.tab-opt2 div {
  margin-bottom: 0;
}

/* line 790, scss/modules/_elements.scss */
.tab-wrapper.tab-opt2 .tab-nav li {
  display: block;
  float: none;
  margin: 0 0 15px 0;
}

/* line 796, scss/modules/_elements.scss */
.tab-wrapper.tab-opt2 .tab-nav li a {
  display: block;
  padding: 10px 20px 10px 0;
  border: none;
  border-bottom: 1px solid #E5E4E3;
}

/* line 803, scss/modules/_elements.scss */
.tab-wrapper.tab-opt2 .tab-nav li.ui-tabs-active a {
  background: url("../images/icons/gemicon/arrow-16x16.png") right center no-repeat;
}

/* line 807, scss/modules/_elements.scss */
.tab-wrapper.tab-opt2 .tab-container {
  margin-bottom: 0;
  padding: 20px 0 0 0;
  border: none;
}

/* Pricing Tables */
/* line 816, scss/modules/_elements.scss */
.pricingtable-wrapper {
  text-align: center;
  line-height: normal;
  border: 1px solid #E5E4E3;
}

/* line 822, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable {
  display: block;
}

/* line 826, scss/modules/_elements.scss */
#container .pricingtable-title h2 {
  margin: 0;
  padding: 20px 5px;
  text-transform: capitalize;
}

/* line 832, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-list ul {
  margin: 0;
  padding: 0 25px;
  list-style: none;
}

/* line 838, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-list ul li {
  padding: 10px 5px;
  border: solid #E5E4E3;
  border-width: 1px 0 0 0;
}

/* line 844, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-list ul li:first-child {
  border: none;
}

/* line 848, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-price {
  padding: 15px 5px;
  font-size: 2.5em;
}

/* line 853, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-price sup {
  font-size: .3em;
}

/* line 857, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-price span {
  display: block;
  margin: -5px 0 0 0;
  font-size: .3em;
}

/* line 863, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-signup {
  padding: 10px;
}

/* line 867, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-signup a {
  display: block;
}

/* line 871, scss/modules/_elements.scss */
.pricingtable-wrapper .pricingtable .pricingtable-title,
.pricingtable-wrapper .pricingtable .pricingtable-price {
  color: #333333;
  background-color: #EEEEEE;
}

/* line 877, scss/modules/_elements.scss */
.pricingtable-wrapper.opt2 {
  padding: 10px 10px 0 10px;
  border: 5px solid #E5E4E3;
}

/* Pricing Tables + Rounded Corners */
/* line 885, scss/modules/_elements.scss */
.pricingtable-wrapper.rnd5 .pricingtable-title {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

/* line 891, scss/modules/_elements.scss */
.pricingtable-wrapper.rnd8 .pricingtable-title {
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

/* line 897, scss/modules/_elements.scss */
.pricingtable-wrapper.rnd10 .pricingtable-title {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

/* line 903, scss/modules/_elements.scss */
.pricingtable-wrapper.rnd12 .pricingtable-title {
  -moz-border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
}

/* Skillset */
/* line 912, scss/modules/_elements.scss */
.skillset ul li {
  margin: 8px 0 0 0;
}

/* line 916, scss/modules/_elements.scss */
.skillset ul li:first-child {
  margin-top: 0;
}

/* line 920, scss/modules/_elements.scss */
.skillset ul li div {
  display: block;
  margin: 5px 0 0 0;
  padding: 3px;
  color: #333333;
  background-color: #E2E2E2;
}

/* line 928, scss/modules/_elements.scss */
.skillset ul li strong {
  display: block;
  padding: 5px 8px;
  color: #fff;
  background-color: #333333;
  font-weight: normal;
  line-height: normal;
}

/* line 937, scss/modules/_elements.scss */
.skillset ul li.size-20 strong {
  width: 16.5%;
}

/* line 941, scss/modules/_elements.scss */
.skillset ul li.size-25 strong {
  width: 21.5%;
}

/* line 945, scss/modules/_elements.scss */
.skillset ul li.size-30 strong {
  width: 26.5%;
}

/* line 949, scss/modules/_elements.scss */
.skillset ul li.size-35 strong {
  width: 31.5%;
}

/* line 953, scss/modules/_elements.scss */
.skillset ul li.size-40 strong {
  width: 36.5%;
}

/* line 957, scss/modules/_elements.scss */
.skillset ul li.size-45 strong {
  width: 41.5%;
}

/* line 961, scss/modules/_elements.scss */
.skillset ul li.size-50 strong {
  width: 46.5%;
}

/* line 965, scss/modules/_elements.scss */
.skillset ul li.size-55 strong {
  width: 51.5%;
}

/* line 969, scss/modules/_elements.scss */
.skillset ul li.size-60 strong {
  width: 56.5%;
}

/* line 973, scss/modules/_elements.scss */
.skillset ul li.size-65 strong {
  width: 61.5%;
}

/* line 977, scss/modules/_elements.scss */
.skillset ul li.size-70 strong {
  width: 66.5%;
}

/* line 981, scss/modules/_elements.scss */
.skillset ul li.size-75 strong {
  width: 71.5%;
}

/* line 985, scss/modules/_elements.scss */
.skillset ul li.size-80 strong {
  width: 76.5%;
}

/* line 989, scss/modules/_elements.scss */
.skillset ul li.size-85 strong {
  width: 81.5%;
}

/* line 993, scss/modules/_elements.scss */
.skillset ul li.size-90 strong {
  width: 86.5%;
}

/* line 997, scss/modules/_elements.scss */
.skillset ul li.size-95 strong {
  width: 91.5%;
}

/* line 1001, scss/modules/_elements.scss */
.skillset ul li.size-100 strong {
  width: 96.5%;
}

/* Forms */
/*
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
form{display:block; }
form input, form textarea{display:block; padding:5px; border:1px solid #E5E4E3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#respond form label, form textarea{margin-bottom:15px;}
form textarea{overflow:auto;}
form div, form p{margin:0; padding:0;}
form input[type="submit"], form input[type="reset"]{display:inline-block; width:auto; margin:0; padding:5px 15px; color:#666666; background-color:$white; cursor:pointer;}
input, textarea, select{resize:none; outline:none;}
*/
/*
.searchArea {-moz-box-sizing: border-box; border: 1px solid #E5E4E3; display: inline; padding: 6px; background: url("../images/searchIcon.png") no-repeat scroll 100% 40% $white;}


.selectWrap {
    display: inline-block;
    height: 34px;
    margin: 0;
    padding: 0;
    position: relative;
  
}

span.selectInner {
    background: url("../images/smart_arrows.png") no-repeat scroll 100% 0 $white;
    color: #333333;
    display: inline;
    font-size: 0.8em;
    font-weight: normal;
    height: 30px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 7px 68px 7px 5px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 1;
    }
select {
    border: 0 none;
    cursor: pointer;
    float: none;
    height: 28px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

*/
/* Tables */
/*
table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #CCCCCC;}
table thead th{color:$white; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#979797; background-color:#F7F7F7;}
table tbody tr.dark{color:#979797; background-color:#E8E8E8;}
*/
/* Font Awesome Additions */
/* line 1084, scss/modules/_elements.scss */
.icon-6x {
  font-size: 6em;
}

/* line 1088, scss/modules/_elements.scss */
.icon-8x {
  font-size: 8em;
}

/* line 1092, scss/modules/_elements.scss */
.icon-10x {
  font-size: 10em;
}

/* Show Text */
/* line 1099, scss/modules/_elements.scss */
.showtext {
  display: block;
  position: relative;
  text-align: center;
}

/* line 1105, scss/modules/_elements.scss */
.showtext .caption {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  background-color: #000000;
  background: rgba(0, 0, 0, 0.8);
}

/* line 1118, scss/modules/_elements.scss */
.showtext:hover .caption,
.showtext:hover .caption span {
  display: block;
}

/* General Rounded Corners */
/* line 1126, scss/modules/_elements.scss */
.rnd5,
.list.tagcloud.rnd5 a,
form.rnd5 input,
form.rnd5 textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 1135, scss/modules/_elements.scss */
.rnd8,
.list.tagcloud.rnd8 a,
form.rnd8 input,
form.rnd8 textarea {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* line 1144, scss/modules/_elements.scss */
.rnd10,
.list.tagcloud.rnd10 a,
form.rnd10 input,
form.rnd10 textarea {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* line 1153, scss/modules/_elements.scss */
.rnd12,
.list.tagcloud.rnd12 a,
form.rnd12 input,
form.rnd12 textarea {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

/* CSS to go with Prototip.Styles */
/* line 3, scss/modules/_prototip.scss */
.prototip {
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
  margin-top: 10px;
}

/* line 9, scss/modules/_prototip.scss */
.templateTip {
  font-size: 11px;
  line-height: 1.4em;
}
/* line 12, scss/modules/_prototip.scss */
.templateTip label {
  font-size: 11px;
}

/* the default style */
/* line 20, scss/modules/_prototip.scss */
.prototip .default {
  width: 350px !important;
  color: #595454;
}

/* line 25, scss/modules/_prototip.scss */
.prototip .default .toolbar {
  background: #f1f1f1;
  font-weight: bold;
}

/* line 30, scss/modules/_prototip.scss */
.prototip .default .title {
  padding: 1px 5px 7px 5px;
  color: #ffffff;
}

/* line 35, scss/modules/_prototip.scss */
.prototip .default .content {
  padding: 5px;
  background: #fff;
}

/* basic */
/* line 43, scss/modules/_prototip.scss */
.prototip .basic {
  width: 350px;
  color: #595454;
}

/* line 48, scss/modules/_prototip.scss */
.prototip .basic .toolbar {
  background: #f1f1f1;
  font-weight: bold;
}

/* line 53, scss/modules/_prototip.scss */
.prototip .basic .title {
  padding: 1px 5px;
}

/* line 57, scss/modules/_prototip.scss */
.prototip .basic .content {
  padding: 5px;
  background: #fff;
}

/* basic */
/* line 65, scss/modules/_prototip.scss */
.prototip .hint {
  width: 250px;
  color: #313120;
  background: #fff6aa;
}

/* line 71, scss/modules/_prototip.scss */
.prototip .hint .toolbar {
  background: #fdf1a0;
  font-weight: bold;
}

/* line 76, scss/modules/_prototip.scss */
.prototip .hint .title,
.prototip .hint .content {
  padding: 1px 5px;
}

/* protoblue */
/* line 84, scss/modules/_prototip.scss */
.prototip .protoblue {
  width: 350px;
  color: #fff;
}

/* line 89, scss/modules/_prototip.scss */
.prototip .protoblue .toolbar {
  background: #0d7cd0;
  font-weight: bold;
}

/* line 94, scss/modules/_prototip.scss */
.prototip .protoblue .title {
  padding: 1px 5px;
}

/* line 98, scss/modules/_prototip.scss */
.prototip .protoblue .content {
  background: #1e90ff;
  padding: 5px;
}

/* creamy */
/* line 106, scss/modules/_prototip.scss */
.prototip .creamy {
  width: 350px;
  color: #bb9c61;
}

/* line 111, scss/modules/_prototip.scss */
.prototip .creamy .toolbar {
  background: #f3edc2;
  font-weight: bold;
}

/* line 116, scss/modules/_prototip.scss */
.prototip .creamy .title {
  padding: 1px 5px;
}

/* line 120, scss/modules/_prototip.scss */
.prototip .creamy .content {
  background: #f8f4ca;
  padding: 5px;
}

/* darkgrey */
/* line 128, scss/modules/_prototip.scss */
.prototip .darkgrey {
  width: 350px;
  color: #fff;
}

/* line 133, scss/modules/_prototip.scss */
.prototip .darkgrey .toolbar {
  background: #5f5f5f;
  font-weight: bold;
}

/* line 138, scss/modules/_prototip.scss */
.prototip .darkgrey .title {
  padding: 1px 5px;
}

/* line 142, scss/modules/_prototip.scss */
.prototip .darkgrey .content {
  background: #595454;
  padding: 5px;
}

/* protogrey */
/* line 150, scss/modules/_prototip.scss */
.prototip .protogrey {
  opacity: .95;
  width: 350px;
  color: #fff;
  background: #fff;
}

/* line 157, scss/modules/_prototip.scss */
.prototip .protogrey .toolbar {
  background: #969c92;
  font-weight: bold;
}

/* line 162, scss/modules/_prototip.scss */
.prototip .protogrey .title {
  padding: 5px 5px 0 5px;
}

/* line 166, scss/modules/_prototip.scss */
.prototip .protogrey .content {
  color: #595454;
  padding: 5px;
}

/* This is how to resize the close button for a style */
/* line 174, scss/modules/_prototip.scss */
.prototip .protogrey .toolbar .close {
  width: 20px;
  height: 20px;
}

/* loader gif */
/* line 182, scss/modules/_prototip.scss */
.prototipLoader {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 14px;
  width: 14px;
  border: 1px solid #dddddd;
  overflow: hidden;
}

/* line 192, scss/modules/_prototip.scss */
.borderMiddle,
.borderRow {
  background-color: #595454 !important;
}

/* line 197, scss/modules/_prototip.scss */
.tooltip .title {
  background-color: #595454;
}

/* Required for all tooltips, do not modify */
/* line 204, scss/modules/_prototip.scss */
.prototip {
  position: absolute;
  overflow: hidden;
}

/* line 209, scss/modules/_prototip.scss */
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {
  position: relative;
}

/* line 215, scss/modules/_prototip.scss */
.prototip .content {
  clear: both;
}

/* line 219, scss/modules/_prototip.scss */
.prototip .toolbar .close {
  position: relative;
  text-decoration: none;
  float: right;
  width: 19px;
  height: 15px;
  display: block;
  line-height: 0;
  font-size: 0;
  border: 0;
  cursor: pointer;
}

/* line 232, scss/modules/_prototip.scss */
.prototip .tooltip {
  clear: both;
  float: left;
}

/* line 237, scss/modules/_prototip.scss */
.prototip .borderLeftWrapper,
.prototip .borderRightWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 20px;
}

/* line 246, scss/modules/_prototip.scss */
.prototip .borderFrame {
  height: 100%;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 260, scss/modules/_prototip.scss */
.prototip .borderRow {
  list-style-type: none;
  float: left;
  width: 100%;
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
}

/* line 270, scss/modules/_prototip.scss */
.prototip_CornerWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  clear: both;
  background-color: #595454;
}

/* line 282, scss/modules/_prototip.scss */
.prototip_Corner {
  float: left;
  position: relative;
}

/* line 287, scss/modules/_prototip.scss */
.prototip canvas {
  position: relative;
  float: left;
}

/* line 292, scss/modules/_prototip.scss */
.prototip_CornerTr,
.prototip_CornerBr {
  float: right;
  height: 0 !important;
  width: 0 !important;
}

/* line 299, scss/modules/_prototip.scss */
.prototip_BetweenCorners {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
}

/* line 308, scss/modules/_prototip.scss */
.prototip .borderMiddle {
  position: relative;
  float: left;
}

/* line 313, scss/modules/_prototip.scss */
.prototip .borderCenter {
  position: relative;
  float: left;
  height: 100%;
}

/* line 319, scss/modules/_prototip.scss */
.prototip_StemWrapper {
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
}

/* line 326, scss/modules/_prototip.scss */
.prototip_StemBox {
  float: left;
  position: relative;
}

/* line 331, scss/modules/_prototip.scss */
.prototip_Stem {
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* line 337, scss/modules/_prototip.scss */
.iframeShim {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}

/* line 345, scss/modules/_prototip.scss */
.prototip .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 353, scss/modules/_prototip.scss */
.prototip .clearfix {
  display: inline-block;
}

/* IE Mac Hide \*/
/* line 360, scss/modules/_prototip.scss */
.prototip .clearfix {
  display: block;
}

/* IE Mac Hide End */
/* The main calendar widget.  DIV containing a table. */
/* line 3, scss/modules/_calendar.scss */
div.calendar {
  position: relative;
}

/* line 7, scss/modules/_calendar.scss */
.calendar,
.calendar table {
  border: 1px solid #595454;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #F1F8FC;
  font-family: tahoma, verdana, sans-serif;
}

/* line 17, scss/modules/_calendar.scss */
.calendar table {
  width: 170px;
}

/* Header part -- contains navigation buttons and day names. */
/* line 24, scss/modules/_calendar.scss */
.calendar .button {
  /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  /* They are the navigation buttons */
  padding: 2px 0;
  /* Make the buttons seem like they're pressing */
}

/* line 32, scss/modules/_calendar.scss */
.headrow .button {
  display: table-cell;
}

/* line 36, scss/modules/_calendar.scss */
.calendar .nav {
  background: #595454 url(menuarrow2.gif) no-repeat 100% 100%;
}

/* line 40, scss/modules/_calendar.scss */
.calendar thead .title {
  /* This holds the current "month, year" */
  font-weight: bold;
  /* Pressing it will take you to the current date */
  text-align: center;
  background: #595454;
  color: #fff;
  padding: 2px 0;
}

/* line 50, scss/modules/_calendar.scss */
.calendar thead tr {
  /* Row <TR> containing navigation buttons */
  background: #595454;
  color: #fff;
}

/* line 56, scss/modules/_calendar.scss */
.calendar thead .daynames {
  /* Row <TR> containing the day names */
  background: #C7E1F3;
}

/* line 61, scss/modules/_calendar.scss */
.calendar thead .name {
  /* Cells <TD> containing the day names */
  border-bottom: 1px solid #595454;
  padding: 2px;
  text-align: center;
  color: #000;
}

/* line 69, scss/modules/_calendar.scss */
.calendar thead .weekend {
  /* How a weekend day name shows in header */
  color: #999;
}

/* line 74, scss/modules/_calendar.scss */
.calendar tbody td.weekend .hilite {
  /* How a weekend day name shows in header */
  color: #999;
}

/* line 79, scss/modules/_calendar.scss */
.calendar thead .hilite {
  /* How do the buttons in header appear when hover */
  background-color: #288BDF;
  color: #fff;
  border: 0px;
  padding: 2px 0;
}

/* line 87, scss/modules/_calendar.scss */
.calendar thead .day.hilite {
  /* How do the buttons in header appear when hover */
  background-color: #288BDF;
  color: #fff;
  border: 0px;
  padding: 2px;
}

/* line 95, scss/modules/_calendar.scss */
.calendar thead .active {
  /* Active (pressed) buttons in header */
  background-color: #006AA9;
  border: 1px solid #008AFF;
  padding: 0px;
}

/* The body part -- contains all the days in month. */
/* line 105, scss/modules/_calendar.scss */
.calendar tbody .day {
  /* Cells <TD> containing month days dates */
  width: 1em;
  color: #456;
  text-align: center;
  padding: 2px 4px 2px 2px;
}

/* line 113, scss/modules/_calendar.scss */
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}

/* line 118, scss/modules/_calendar.scss */
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

/* line 122, scss/modules/_calendar.scss */
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #C7E1F3;
}

/* line 128, scss/modules/_calendar.scss */
.calendar tbody .rowhilite td {
  background: #def;
}

/* line 132, scss/modules/_calendar.scss */
.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

/* line 136, scss/modules/_calendar.scss */
.calendar tbody td.hilite {
  /* Hovered cells <TD> */
  background: #288BDF;
  padding: 0px;
  border: 0px;
  color: #fff;
}

/* line 144, scss/modules/_calendar.scss */
.calendar tbody td.active {
  /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

/* line 150, scss/modules/_calendar.scss */
.todayselected {
  font-weight: bold;
  background: #fff;
  color: #000;
}

/* line 156, scss/modules/_calendar.scss */
.calendar tbody td.selected {
  /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

/* line 165, scss/modules/_calendar.scss */
.calendar tbody td.weekend {
  /* Cells showing weekend days */
  color: #999;
}

/* line 170, scss/modules/_calendar.scss */
.calendar tbody td.today {
  /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}

/* line 176, scss/modules/_calendar.scss */
.calendar tbody .disabled {
  color: #999;
}

/* line 180, scss/modules/_calendar.scss */
.calendar tbody .emptycell {
  /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

/* line 185, scss/modules/_calendar.scss */
.calendar tbody .emptyrow {
  /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */
/* line 193, scss/modules/_calendar.scss */
.calendar tfoot .footrow {
  /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #595454;
  color: #fff;
}

/* line 200, scss/modules/_calendar.scss */
.calendar tfoot .ttip {
  /* Tooltip (status bar) cell <TD> */
  background: #000;
  color: #fff;
  border-top: 1px solid #595454;
  padding: 1px;
}

/* line 208, scss/modules/_calendar.scss */
.calendar tfoot .hilite {
  /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

/* line 217, scss/modules/_calendar.scss */
.calendar tfoot .active {
  /* Active (pressed) style for buttons in footer */
  background: #595454;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */
/* line 226, scss/modules/_calendar.scss */
.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

/* line 240, scss/modules/_calendar.scss */
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

/* line 246, scss/modules/_calendar.scss */
.calendar .combo .label-IEfix {
  width: 4em;
}

/* line 250, scss/modules/_calendar.scss */
.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

/* line 257, scss/modules/_calendar.scss */
.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

/* line 264, scss/modules/_calendar.scss */
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

/* line 271, scss/modules/_calendar.scss */
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

/* line 280, scss/modules/_calendar.scss */
.calendar td.time .ampm {
  text-align: center;
}

/* line 284, scss/modules/_calendar.scss */
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

/* line 289, scss/modules/_calendar.scss */
.calendar td.time span.hilite {
  border-color: #000;
  background-color: #595454;
  color: #fff;
}

/* line 295, scss/modules/_calendar.scss */
.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}

/* line 1, scss/modules/jquery_alerts.scss */
#popup_container {
  font-family: Arial, sans-serif;
  font-size: 12px;
  min-width: 300px;
  /* Dialog will be no smaller than this */
  max-width: 600px;
  /* Dialog will wrap after this width */
  background: #FFF;
  border: solid 5px #999;
  color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 14, scss/modules/jquery_alerts.scss */
#popup_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.75em;
  color: #666;
  background: #CCC url(images/title.gif) top repeat-x;
  border: solid 1px #FFF;
  border-bottom: solid 1px #999;
  cursor: default;
  padding: 0em;
  margin: 0em;
}

/* line 28, scss/modules/jquery_alerts.scss */
#popup_content {
  background: 16px 16px no-repeat url(images/info.gif);
  padding: 1em 1.75em;
  margin: 0em;
}

/* line 34, scss/modules/jquery_alerts.scss */
#popup_content.alert {
  background-image: url(images/info.gif);
}

/* line 38, scss/modules/jquery_alerts.scss */
#popup_content.confirm {
  background-image: url(images/important.gif);
}

/* line 42, scss/modules/jquery_alerts.scss */
#popup_content.prompt {
  background-image: url(images/help.gif);
}

/* line 46, scss/modules/jquery_alerts.scss */
#popup_message {
  padding-left: 48px;
}

/* line 50, scss/modules/jquery_alerts.scss */
#popup_panel {
  text-align: center;
  margin: 1em 0em 0em 1em;
}

/* line 55, scss/modules/jquery_alerts.scss */
#popup_prompt {
  margin: .5em 0em;
}

/* line 1, scss/modules/jqueryStyle.scss */
.smart_autocomplete_container {
  display: block;
  height: 110px;
  left: 673.5px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto;
  overflow-x: hidden;
  /*    position: relative !important;
      top: -2996.78px !important;*/
  width: 100px;
  z-index: 1000;
  color: black;
}

/* element.style {
        overflow: -moz-scrollbars-vertical;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    color:#343434;
    display: block;
    left: 365.38px !important;
    position: absolute;
    top: 769px !important;
    width: 169.3px !important;
    z-index: 1000;
    border-bottom: 1px solid #5794BF;
    border-left: 1px solid #5794BF;
    border-right: 1px solid #5794BF;
}
*/
/* line 32, scss/modules/jqueryStyle.scss */
.smart_autocomplete_container li {
  background-color: #FFFFFF;
  color: black;
  cursor: pointer;
  font-size: 12px;
  list-style: none outside none;
}

/* line 40, scss/modules/jqueryStyle.scss */
li.smart_autocomplete_highlight {
  background-color: #FFFFFF;
  border: 1px solid #0065A4;
  color: black;
}

@CHARSET "UTF-8";
/* line 2, scss/modules/collapsable.scss */
#left_nav {
  width: 250px;
}

/* line 4, scss/modules/collapsable.scss */
#body {
  width: 700px;
}

/* line 6, scss/modules/collapsable.scss */
#left_nav,
#body {
  float: left;
  margin: 10px;
}

/* line 10, scss/modules/collapsable.scss */
.collapsible,
.page_collapsible,
.accordion {
  margin: 0;
  padding: 10px;
  height: 20px;
  border-top: #f0f0f0 1px solid;
  background: #cccccc;
  font-family: Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #ffffff;
  font-size: 1em;
}

/* line 24, scss/modules/collapsable.scss */
.accordion-open,
.collapse-open {
  background: #000;
  color: #fff;
}

/* line 28, scss/modules/collapsable.scss */
.accordion-open span,
.collapse-open span {
  display: block;
  float: right;
  padding: 10px;
}

/* line 33, scss/modules/collapsable.scss */
.accordion-open span,
.collapse-open span {
  background: url(../images/minus.png) center center no-repeat;
}

/* line 38, scss/modules/collapsable.scss */
.accordion-close span,
.collapse-close span {
  display: block;
  float: right;
  background: url(../images/plus.png) center center no-repeat;
  padding: 10px;
}

/* line 44, scss/modules/collapsable.scss */
div.container {
  padding: 0;
  margin: 0;
}

/* line 47, scss/modules/collapsable.scss */
div.content {
  background: #f0f0f0;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
}

/* line 55, scss/modules/collapsable.scss */
div.content ul, div.content p {
  padding: 0;
  margin: 0;
  padding: 3px;
}

/* line 59, scss/modules/collapsable.scss */
div.content ul li {
  list-style-position: inside;
  line-height: 25px;
}

/* line 62, scss/modules/collapsable.scss */
div.content ul li a {
  color: #555555;
}

/* line 64, scss/modules/collapsable.scss */
code {
  overflow: auto;
  
}

.fav-entity {
	float: left;
	margin-left: 9px;
	margin-top: 3px;
	display: inline-block;
	font-size: 25px;
	cursor: pointer;
    color: #F4B30A;
    text-shadow : 0 0 1px #f48f0a;
}

.unfav-entity {
	float: left;
	margin-left: 9px;
	margin-top: 3px;
	display: inline-block;
	font-size: 25px;
	cursor: pointer;
    color: #E8E8E6;
}

.flip {
    animation: flip-icon 0.3s ease-in-out;
}

@keyframes flip-icon {
    0% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

.image-container {
    display: flex;
    padding-top: 20px;
}
.label-title {
    color: #fff;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    text-align: center;
    height: 230px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 30px 0;
    text-shadow: 1px 2px #111;
    line-height: normal;
}