/*
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;
}


/* 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 */

.header-content{
	width: 350px;
font-size: 21px;
text-align: center;
font-weight: bold;
float: right;
padding: 0;
margin: 0;
position: relative;
top: 12px;
right: 60px;
}

.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: #AA0061;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
}


/* line 90, scss/base/_layout.scss */

.fl_left {
    float: left;
}


/* line 94, scss/base/_layout.scss */

.fl_right {
    float: right;
}

.templateCell a {
    color: #aa0061 !important;
}


/* 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: #7e7e7e;
}


/* 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: #6F2595;
    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;
    width: 300px;
    display: inline-block;
}


/* line 340, scss/base/_layout.scss */

#topBanner h1,
#topBanner h2 {
    margin: 0;
}


/* line 345, scss/base/_layout.scss */

#bannerLogo img {
    width: 260px;
    padding: 10px 0 0 20px;
    /* height: 67px; */
}


/* line 350, scss/base/_layout.scss */

#topBanner {
    /* background: url(../images/convatec-logo.png); */
    width: 694px;
    height: 67px;
    background-size: 275px 67px;
    background-repeat: no-repeat;
    background: #aa0061;
}


/*----------------------------------------------Content Area-------------------------------------*/


/* line 361, scss/base/_layout.scss */

#wideContent {
    margin: 0 0 0 2%;
    width: 98%;
    padding-top: 15px;
    min-height: 650px;
}


/* line 368, scss/base/_layout.scss */

#container {
    padding: 0 0 15px;
    clear: both;
    font-size: 1em;
    line-height: 1.4em;
}


/* line 375, scss/base/_layout.scss */

#container_tiles {
    padding: 0 2px 9px;
    clear: both;
    font-size: 1em;
    line-height: 1.4em;
}


/* line 382, scss/base/_layout.scss */

#container_info {
    clear: both;
    font-size: 0.9em;
    line-height: 1.4em;
}


/* line 388, scss/base/_layout.scss */

#container section {
    margin-bottom: 50px;
}


/* line 392, scss/base/_layout.scss */

#container section.last {
    margin-bottom: 0;
}


/* line 396, scss/base/_layout.scss */

#mainContent {
    margin: 0 0 0 2%;
    width: 76%;
    padding-top: 15px;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}


/* line 404, scss/base/_layout.scss */

.emphasise,
#container .emphasise {
    font-size: 2.8em;
    line-height: 1.4em;
}


/* line 410, scss/base/_layout.scss */

.font-small,
#container .font-small {
    font-size: 1em;
}


/* line 415, scss/base/_layout.scss */

.font-medium,
#container .font-medium {
    font-size: 1.2em;
}


/* line 420, scss/base/_layout.scss */

.font-large,
#container .font-large {
    font-size: 1.4em;
}


/* line 425, scss/base/_layout.scss */

.font-xl,
#container .xl-large {
    font-size: 4em;
    line-height: 1.2em;
}


/* line 431, scss/base/_layout.scss */

.font-xxl,
#container .xxl-large {
    font-size: 6em;
    font-weight: normal;
    line-height: 1.2em;
}


/* line 438, scss/base/_layout.scss */

#pageTitle {
    margin: 10px 0 0 0;
}


/* line 442, scss/base/_layout.scss */

.titleDescription p {
    margin-top: 5px;
}


/* Sidebar */


/* line 449, scss/base/_layout.scss */

#sidebar_1 {
    background: none repeat scroll 0 0 #EBEBEB;
    float: left;
    width: 22%;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}


/* line 457, scss/base/_layout.scss */

.sidebar aside {
    line-height: 1.2em;
}


/* line 461, 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 470, scss/base/_layout.scss */

.sidebar aside ul.nospace li {
    margin-top: 20px;
}


/* line 474, scss/base/_layout.scss */

#savedCartId {
    width: 140px;
}


/* breadcrumbs */


/* line 481, scss/base/_layout.scss */

#crumbs {
    text-align: left;
    padding: 0;
    height: 18px;
}


/* line 487, scss/base/_layout.scss */

#crumbs a {
    display: block;
    float: left;
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    padding: 2px;
}


/* line 497, scss/base/_layout.scss */

#crumbs ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding-left: 0;
}


/* line 504, scss/base/_layout.scss */

#crumbs ul li {
    display: inline;
}


/* line 508, 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 517, 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 525, scss/base/_layout.scss */

#crumbs ul li a:before {
    content: "";
}


/* line 531, scss/base/_layout.scss */

#crumbs ul li:first-child a:before {
    display: none;
}


/* line 537, scss/base/_layout.scss */

#crumbs ul li:last-child a:after {
    display: none;
}


/* line 541, scss/base/_layout.scss */

#crumbs ul li a:hover {
    color: #c3c3c3;
}


/*----------------------------------------------Footer-------------------------------------*/


/* line 550, scss/base/_layout.scss */

#footerBanner {
    border-bottom: 1px solid #6F2595;
    height: 55px;
    /* background: url(../images/order2U_footerBanner.png); */
    background-size: 167px 40px;
    background-repeat: no-repeat;
}


/* line 558, scss/base/_layout.scss */

#footerLogo img {
    height: 40px;
    padding: 8px 0;
    width: 167px;
}


/* line 564, scss/base/_layout.scss */

#footer {
    padding: 20px 0 0;
}


/* line 568, scss/base/_layout.scss */

#footer .footer_title {
    font-size: 1.6em;
    margin-bottom: 10px;
    padding-bottom: 3px;
    color: #6F2595;
}


/* line 575, scss/base/_layout.scss */

#footer div {
    margin-bottom: 0;
}


/* line 579, scss/base/_layout.scss */

#footer .tweet-container li {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #333333;
}


/* line 585, scss/base/_layout.scss */

#footer .tweet-container li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}


/* line 591, scss/base/_layout.scss */

#footer .tweet-container li .tweet_time {
    font-size: .8em;
}


/* line 595, scss/base/_layout.scss */

#footer #ft_gallery.spacing li {
    margin-bottom: 15px;
}


/* line 599, scss/base/_layout.scss */

#footer ul {
    list-style: none;
}


/* line 603, scss/base/_layout.scss */

#footer form label {
    display: block;
    width: 100%;
    margin: 0 0 18px 0;
}


/* line 609, scss/base/_layout.scss */

#footer form label input {
    margin-top: 5px;
}


/* line 613, scss/base/_layout.scss */

#footer form label input,
#footer form textarea {
    color: #fff;
    background-color: #333333;
    border-color: #666666;
}


/* line 620, scss/base/_layout.scss */

#footer form textarea {
    height: 120px;
}


/* line 624, scss/base/_layout.scss */

#footerContact ul {
    padding-left: 15px;
}


/* line 628, scss/base/_layout.scss */

#footer .nospace li {
    line-height: 1.5em;
}


/* line 632, scss/base/_layout.scss */

#footer .nospace li a {
    color: #111;
    font-size: 0.9em;
}


/* line 637, scss/base/_layout.scss */

#footer .nospace li a:hover {
    color: #aa0061;
    font-size: 0.9em;
}


/* line 642, scss/base/_layout.scss */

#footer .contact li,
#footer .contact li a {
    background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
    color: #fff;
    font-size: 1em;
    padding: 2px 8px 2px 5px;
    cursor: pointer;
    background-size: 200%;
}


/* line 650, scss/base/_layout.scss */

#footer .contact li:hover,
#footer .contact li a:hover {
    background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
    cursor: pointer;
    border-radius: 10px;
}


/* line 655, scss/base/_layout.scss */

#footer .email {
    margin: 0 8px 10px 2px;
}


/* line 659, scss/base/_layout.scss */

#footer .phone {
    margin-right: 10px;
    padding-left: 5px;
}


/* line 664, scss/base/_layout.scss */

#footerContact {
    border-left: 1px solid #6F2595;
    float: right;
    padding: 0 15px;
    width: 340px;
}


/* line 671, scss/base/_layout.scss */

#footerContact p {
    font-size: 11px;
    color: #111;
}


/* line 676, scss/base/_layout.scss */

#footer .contact li {
    margin-bottom: 20px;
}


/* line 680, scss/base/_layout.scss */

#footerShop {
    margin-left: 25px;
}


/*----------------------------------------------Copyright-------------------------------------*/


/* line 687, scss/base/_layout.scss */

#copyright {
    color: #111;
    font-size: 0.65em;
    padding: 0 0 15px;
}


/* line 693, scss/base/_layout.scss */

#copyright p {
    margin: 0;
    padding: 0;
}


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


/*-----------------------------------------Navigation-------------------------------------*/


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


/* Top Navigation */


/* line 710, scss/base/_layout.scss */

#mainNav {
    display: inline-block;
    float: right;
    height: 67px;
}


/* line 716, scss/base/_layout.scss */

#user {
    display: block;
    width: 40%;
    float: right;
}


/* line 722, scss/base/_layout.scss */

#cart {
    background-color: #aa0061;
    /* border-left: 7px solid #fff; */
    bottom: 83px;
    left: -4px;
    padding: 26px 0 20px 10px;
    position: relative;
}


/* line 733, scss/base/_layout.scss */

#cart img {
    width: 58px;
    height: 37px;
}


/* line 738, scss/base/_layout.scss */

#cartItems {
    bottom: 20px;
    color: #fff;
    position: relative;
    right: 10px;
}


/* line 745, scss/base/_layout.scss */

#topnav {
    /* border-left: 7px solid #fff; */
    position: relative;
    right: 100px;
    white-space: nowrap;
    word-wrap: normal;
}


/* line 753, scss/base/_layout.scss */

#siteUsername {
    float: right;
    position: relative;
    text-align: right;
    top: 8px;
}


/* line 760, scss/base/_layout.scss */

#usernameIcon {
    display: block;
    float: right;
}


/* line 765, scss/base/_layout.scss */

#hello {
    color: #fff;
    width: 10%;
}


/* line 770, scss/base/_layout.scss */

.drop {
    width: 24px;
}


/* line 774, scss/base/_layout.scss */

#topnav ul {
    list-style: none;
    text-transform: uppercase;
    font-size: 13px;
}


/* line 780, scss/base/_layout.scss */

#topnav ul ul {
    left: -22px;
    position: absolute;
    text-transform: none;
    width: 190px;
    z-index: 9999;
}


/* line 788, scss/base/_layout.scss */

#topnav ul ul ul,
#topnav ul ul ul ul {
    left: 190px;
    top: 0;
}


/* line 794, scss/base/_layout.scss */

#topnav ul:first-child li:last-child > ul {
    left: -56;
}


/* line 798, 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 807, scss/base/_layout.scss */

#topnav ul:first-child li:last-child {
    margin-right: 0;
}


/* line 811, scss/base/_layout.scss */

#topnav li li {
    width: 85%;
    margin: 0 -60px;
}


/* line 816, scss/base/_layout.scss */

#topnav li a {
    display: block;
    padding: 20px 10px;
}


/* line 821, scss/base/_layout.scss */

#topnav li li a {
    display: block;
    margin: 0;
    padding: 10px;
}


/* line 827, scss/base/_layout.scss */

#topnav ul ul {
    display: none;
}


/* line 831, scss/base/_layout.scss */

#topnav ul li:hover > ul {
    display: block;
}


/* line 835, scss/base/_layout.scss */

#topnav a {
    color: #fff;
    font-weight: bold;
}


/* line 840, scss/base/_layout.scss */

#topnav li li a,
#topnav li.active li a {
    background: none repeat scroll 0 0 #aa0061;
    color: #fff;
    font-weight: normal;
}


/* line 847, scss/base/_layout.scss */

#topnav ul li li:hover > a {
    background-color: #6F2595;
    color: #fff;
}


/* line 852, scss/base/_layout.scss */

#topnav li a.drop,
#topnav li.active a.drop {
    background-color: #aa0061;
    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;
}


/*height: 38px; padding: 29px; position: relative; z-index: 9999;} */


/* line 868, scss/base/_layout.scss */

#topnav li.active a,
#topnav a:hover {
    color: #fff;
    background-color: #7fdbff;
}


/* Top navigation for smaller resolutions */


/* line 877, scss/base/_layout.scss */

#topnav form {
    display: block;
    height: 30px;
    margin: 0 auto;
    padding: 20px 0;
}


/* line 884, 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 895, scss/base/_layout.scss */

#topnav form select option {
    display: block;
    margin: 10px;
    padding: 0;
    cursor: pointer;
    outline: none;
    border: none;
}


/* Sidebar Navigation */


/* line 907, scss/base/_layout.scss */

.sidebar aside nav {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}


/* line 913, scss/base/_layout.scss */

.sidebar aside nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* line 919, scss/base/_layout.scss */

.sidebar aside nav li {
    margin: 0 0 3px 0;
    padding: 0;
}


/* line 924, 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 935, scss/base/_layout.scss */

.sidebar aside nav a:hover {
    color: #FF9900;
    background-color: inherit;
}


/* line 940, scss/base/_layout.scss */

.sidebar aside nav ul ul a {
    background: url("../images/black_file.gif") no-repeat;
}


/* line 944, scss/base/_layout.scss */

.sidebar aside nav ul ul a {
    padding-left: 40px;
    background-position: 30px center;
}


/* line 949, scss/base/_layout.scss */

.sidebar aside nav ul ul ul a {
    padding-left: 50px;
    background-position: 40px center;
}


/* line 954, scss/base/_layout.scss */

.sidebar aside nav ul ul ul ul a {
    padding-left: 60px;
    background-position: 50px center;
}


/* line 959, scss/base/_layout.scss */

.sidebar aside nav ul ul ul ul ul a {
    padding-left: 70px;
    background-position: 60px center;
}


/* Pagination */


/* line 967, scss/base/_layout.scss */

.pagination {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    line-height: normal;
}


/* line 975, scss/base/_layout.scss */

.pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* line 981, scss/base/_layout.scss */

.pagination li {
    display: inline;
}


/* line 985, scss/base/_layout.scss */

.pagination strong {
    font-weight: normal;
}


/* line 989, scss/base/_layout.scss */

.pagination .next {
    margin: 0;
}


/* line 993, scss/base/_layout.scss */

.pagination a,
.pagination .current strong,
.pagination .splitter strong {
    display: inline-block;
    padding: 5px 10px;
    margin: 1px 2px;
}


/* line 1001, scss/base/_layout.scss */

.pagination a:first-child {
    margin-left: 0;
}


/* line 1005, scss/base/_layout.scss */

.pagination a {
    border: 1px solid #DFDFDF;
}


/* Footer Navigation */


/* line 1012, scss/base/_layout.scss */

.footer_nav {
    margin: 0;
    padding: 0;
}


/* line 1017, scss/base/_layout.scss */

.footer_nav ul li {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #333333;
}


/* line 1023, 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 #dddddd;
    background-color: #fff;
    text-indent: 10px;
    /* margin-left: -2px; */
    /* font-size: 26px;
  height: 60px; 
  width: 98%; */
}


/* 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 #ffe87d;
    border: 1px solid #ffe87d;
    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: #aa0061;
    border-color: #aa0061;
    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: #aa0061;
    border-color: #aa0061;
    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: #aa0061;
    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 #aa0061;
}


/* 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 */

table.resultsTable {
    padding: 2px;
    text-align: top;
    border: 1px solid #fff;
}


/* line 14, scss/modules/_custom.scss */

.resultsTable thead {
    border: 1px 1px 0 1px solid #fff;
    padding: 3px;
}


/* line 19, scss/modules/_custom.scss */

.resultsTable tfoot tr {
    border-top: 1px dashed #666666;
}


/* line 23, 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 33, scss/modules/_custom.scss */

table.resultsTable td {
    vertical-align: top;
    height: 30px;
    padding: 2px;
    font-size: 11px;
}


/* line 40, scss/modules/_custom.scss */

table.resultsTable tr {
    background-color: #fff;
}


/* line 44, scss/modules/_custom.scss */

table.narrow {
    width: 200px;
}


/* line 48, scss/modules/_custom.scss */

table.medium {
    width: 425px;
}


/**********************************************************************
 ** Styles for : buttonTable
 **********************************************************************/


/* line 57, scss/modules/_custom.scss */

.buttonDiv {
    height: 20px;
    padding: 0px;
    float: right;
    padding-bottom: 5px;
}


/* line 64, scss/modules/_custom.scss */

.buttonDivM {
    height: 32px;
    padding: 0px;
    float: right;
    padding-bottom: 5px;
}


/**********************************************************************
** Buttons - New
**********************************************************************/


/* Buttons */


/* line 79, scss/modules/_custom.scss */

.button {
    display: inline-block;
    border: 1px solid;
    border: none;
    background-color: #aa0061;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 7px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
}


/* line 94, scss/modules/_custom.scss */

.activeButton {
    display: inline-block;
    border: 1px solid;
    border: none;
    background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
    border-color: #ffffff;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 7px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 200%;
    cursor: pointer;
}


/* line 109, scss/modules/_custom.scss */

.activeButton:hover {
    background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
    border-radius: 10px;
}


/* line 113, 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 128, scss/modules/_custom.scss */

.highlight {
    display: inline-block;
    border: 1px solid;
    border: none;
    background-color: #42C442;
background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
border-color: #ffffff;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 7px;
    cursor: default;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 200%;
}


/* line 143, scss/modules/_custom.scss */

.fullSizeButton {
    display: inline-block;
    border: 1px solid;
    border: none;
    width: 100%;
    height: 50px;
    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;
	height:37px;
}


/* line 160, 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;
}

.kitHalfSizeButton {
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    height: 42px;
    margin-bottom: 7px;
    margin-right: 10px;
    padding: 0 6px 5px;
    vertical-align: middle;
    white-space: pre-line;
    width: 200px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* line 179, 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 197, scss/modules/_custom.scss */

.buttonsRightContainer {
    width: 200px;
    padding-top: 10px;
}


/* line 202, scss/modules/_custom.scss */

.buttonsLeftContainer {
    width: 200px;
    padding-top: 10px;
}


/* line 207, scss/modules/_custom.scss */

#checkout.activeButton {
    background-color: #42C442;
}


/* line 211, scss/modules/_custom.scss */

#checkout.activeButton:hover {
    background-color: #369B36;
}


/* line 215, scss/modules/_custom.scss */

.highlight.fullSizeButton:hover {
  background: linear-gradient(95.78deg, #6f2595, #aa0061 50%, #7e194f 60.31%, #512573 80.73%, #6f2595);
border-radius:10px;
}


/* line 219, scss/modules/_custom.scss */

.buttonTable {
    width: 98%;
}


/* line 223, scss/modules/_custom.scss */

.buttonTableLeft {
    width: 200px;
    vertical-align: top;
}


/* line 228, scss/modules/_custom.scss */

.buttonTableRight {
    text-align: right;
    width: 200px;
}


/* line 233, scss/modules/_custom.scss */

.buttonTableRightAB {
    text-align: justify;
    width: 300px;
}


/* line 238, scss/modules/_custom.scss */

.button.small {
    font-size: .9em;
    padding: 6px 15px 5px 15px;
}


/* line 243, scss/modules/_custom.scss */

.button.medium {
    font-size: 1.1em;
    padding: 10px 20px 9px 20px;
}


/* line 248, scss/modules/_custom.scss */

.button.large {
    font-size: 1.4em;
    font-weight: normal;
    padding: 18px 20px 17px 20px;
}


/* line 254, 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 265, 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 276, scss/modules/_custom.scss */

.button.search:hover {
    color: #fff;
    background-color: #0065A5;
    border-color: #80ABCF;
}


/* line 282, scss/modules/_custom.scss */

.button.clear_all:hover {
    color: #fff;
    background-color: #797979;
    border-color: #80ABCF;
}


/* line 288, scss/modules/_custom.scss */

.button.blue {
    color: #fff;
    background-color: #43657E;
    border-color: #003768;
}


/* line 294, scss/modules/_custom.scss */

.button.blue:hover {
    color: #fff;
    background-color: #6F2595;
    border-color: #43657E;
}


/**********************************************************************
** Styles for : Order type selection
**********************************************************************/


/* line 305, 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 317, scss/modules/_custom.scss */

#orderTypes li:hover {
    border: 2px solid #addc6c;
    background-color: #bbc4b9;
}


/**********************************************************************
 ** Styles for tables with columns
 *  oneColumnSection, twoColumnSection etc
 **********************************************************************/


/* line 328, scss/modules/_custom.scss */

.oneColumnSection .column {
    width: 15%;
    float: left;
}


/* line 335, scss/modules/_custom.scss */

.twoColumnSelectionSection .column {
    padding-left: 20px;
    width: 50%;
}


/* line 340, scss/modules/_custom.scss */

.twoColumnSelectionSection input {
    float: left;
}


/* line 344, scss/modules/_custom.scss */

.twoColumnSelectionSection div {
    float: left;
    margin-bottom: 5px;
}


/* line 349, scss/modules/_custom.scss */

.twoColumnSection .column {
    width: 45%;
    float: left;
    display: inline;
}


/* line 355, scss/modules/_custom.scss */

.threeColumnSection div {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* line 361, scss/modules/_custom.scss */

.threeColumnSection .column {
    width: 32%;
    float: left;
    display: inline;
}


/* line 367, scss/modules/_custom.scss */

.fourColumnSection div {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* line 373, scss/modules/_custom.scss */

.fourColumnSection .column {
    width: 24%;
    float: left;
    display: inline;
}


/* line 379, scss/modules/_custom.scss */

.fiveColumnSection .column {
    width: 18%;
    float: left;
    display: inline;
}


/* line 385, scss/modules/_custom.scss */

.sixColumnSection .column {
    width: 15%;
    float: left;
    display: inline;
}


/* line 391, scss/modules/_custom.scss */

.fiveColumnSection .interventionCell {
    margin-right: 30px;
}


/**********************************************************************
** Table order related styles - tool tip on hover over 
**********************************************************************/


/* line 400, scss/modules/_custom.scss */

.templateCell {
    margin: 2px 10px 40px 10px;
    padding: 10px;
    font-size: 10px;
    position: relative;
    width: 218px;
}


/* line 408, scss/modules/_custom.scss */

.templateCell a {
    float: none !important;
}


/* line 412, scss/modules/_custom.scss */

.templateDetailCell {
    width: 244px;
    height: 246px;
    opacity: .95;
    filter: alpha(opacity=95);
    padding-left: 40px;
    padding-top: 10px;
}


/* line 421, scss/modules/_custom.scss */

#itemAttribute {
    float: right;
    padding-left: 10px;
    width: 33% !important;
}


/* line 427, scss/modules/_custom.scss */

#itemAttribute p {
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
}


/* line 432, scss/modules/_custom.scss */

#itemAttribute img {
    bottom: 5px;
    position: relative;
}


/* line 437, scss/modules/_custom.scss */

#crDetail img {
    bottom: 5px;
    position: relative;
}


/*Following margin removed as 4 images are not fitting in current layout*/


/* line 445, scss/modules/_custom.scss */

#itemImageandAttributes img {
    margin: 5px 0 0 0;
}


/**********************************************************************
** Styles for: Item search and display results
* new items, item search
**********************************************************************/


/* line 455, scss/modules/_custom.scss */

#image_container {
    background: #CCCCCC;
    height: 70px;
    width: 70px;
    border: 1px solid #d1d2d3;
    margin: 1px 0;
    overflow: hidden;
    position: relative;
}


/* line 465, scss/modules/_custom.scss */

#image_container img {
    width: 100%;
    height: 100%;
}


/* line 470, 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 484, scss/modules/_custom.scss */

.itemSearch_twoColumnSectionSearch {
    width: 26%;
    float: left;
    display: inline;
    background-color: #E4E4E4;
    padding-left: 5px;
}


/* line 492, scss/modules/_custom.scss */

.searchResult_twoColumnSection {
    width: 72%;
    float: left;
    display: inline;
    padding-left: 5px;
}


/* line 499, scss/modules/_custom.scss */

.searchResult_gridView_fiveColumnSection .column {
    width: 18.5%;
    float: left;
    display: inline;
    height: 130px;
}


/* line 506, scss/modules/_custom.scss */

.label_displayElement_image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #AA0061;
    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 521, scss/modules/_custom.scss */

.label_hideElement_image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #6F2595;
    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 536, scss/modules/_custom.scss */

.label_displayElement_image:hover,
.label_hideElement_image:hover {
    background-color: #6F2595;
}


/* line 541, 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 550, 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 559, scss/modules/_custom.scss */

.label_displayElement_detail_image {
    background: #aa0061 url(../images/plus-16x16.png) no-repeat 9px center;
    background-color: #aa0061;
    color: #fff;
    cursor: pointer;
    padding: 5px 5px 5px 35px;
    margin-bottom: 10px;
}


/* line 568, scss/modules/_custom.scss */

.label_hideElement_detail_image {
    background: #aa0061 url(../images/minus-16x16.png) no-repeat 9px center;
    background-color: #aa0061;
    color: #fff;
    cursor: pointer;
    padding: 5px 5px 5px 35px;
    margin-bottom: 10px;
}


/* line 577, scss/modules/_custom.scss */

.label_displayElement {
    background-color: #aa0061;
    color: #fff;
    cursor: pointer;
    padding: 5px 0 5px 30px;
    margin-top: 7px;
    margin-bottom: 5px;
}


/* line 586, scss/modules/_custom.scss */

.label_basic_element {
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 5px 0 0 8px;
}


/* line 594, scss/modules/_custom.scss */

.label_form_element {
    margin-bottom: 0;
    padding: 5px 0 0 8px;
}


/* line 601, scss/modules/_custom.scss */

.textAreaDiv {
    width: 100%;
    padding: 10 0 0 0;
    margin: 10 0 0 0;
    outline: 1px solid #919191;
    border: 0;
}


/* line 609, 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 623, scss/modules/_custom.scss */

.grid-table {
    width: 100%;
    font-family: Helvetica;
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
}


/* line 631, 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 642, scss/modules/_custom.scss */

.grid-table th.desc {
    background-image: url("../images/desc.gif");
    background-color: #CDDBDC;
}


/* line 647, scss/modules/_custom.scss */

.grid-table th.asc {
    background-image: url("../images/asc.gif");
    background-color: #CDDBDC;
}


/* line 652, scss/modules/_custom.scss */

.grid-table th.on {
    background-color: #CDDBDC;
    cursor: pointer;
}


/* line 657, scss/modules/_custom.scss */

.grid-table td,
.grid-table th {
    padding: 6px;
    text-align: left;
}


/* line 663, scss/modules/_custom.scss */

.grid-table tr.line0 {
    background-color: #fff;
    border-bottom: 1pt solid black;
}


/* line 668, scss/modules/_custom.scss */

.grid-table tr.line1 {
    background-color: #F4F4F4;
    border-bottom: 1pt solid black;
}


/* line 673, scss/modules/_custom.scss */

.grid-table tr.on {
    background-color: #CDDBDC;
    cursor: pointer;
}


/* line 678, scss/modules/_custom.scss */

.grid-table tr.selected {
    background-color: #E4E4E4;
    cursor: pointer;
}


/* line 683, scss/modules/_custom.scss */

.grid-table .odd {
    background-color: #F4F4F4;
}


/* line 687, scss/modules/_custom.scss */

.grid-table .even {
    background-color: #fff;
}


/* line 691, scss/modules/_custom.scss */

.grid-table .odd-border {
    border: red 1px solid;
}


/* line 695, scss/modules/_custom.scss */

.grid-table .even-border {
    border: red 1px solid;
}


/**********************************************************************
** Styles for : Results view bar - grid, list detail view
**********************************************************************/


/* line 704, scss/modules/_custom.scss */

.pageHeaderBar {
    background-color: #AA0061;
    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 718, scss/modules/_custom.scss */

.pageHeaderSubBar {
    background-color: #aa0061;
    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 732, 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 743, scss/modules/_custom.scss */

.resultsViewPagination {
    float: left;
    margin-left: 5%;
}


/* line 748, scss/modules/_custom.scss */

.resultsViewTypes {
    color: #fff;
    float: left;
}


/* line 753, scss/modules/_custom.scss */

.resultsViewTypeElement a {
    color: #EBEBEB;
}


/* line 757, scss/modules/_custom.scss */

.resultsViewTypes a:hover {
    color: #343434;
}


/* line 761, scss/modules/_custom.scss */

.resultsViewTypeElement {
    color: #fff;
}


/* line 765, scss/modules/_custom.scss */

.resultsViewSort {
    border: medium none;
    float: right;
    font-size: 11px;
    margin-top: -2px;
    padding: 0 4px;
}


/* line 773, 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 782, 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 791, 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 800, 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 809, 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 818, 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 827, 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 836, 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 845, 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 859, 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 871, scss/modules/_custom.scss */

div.actionBox #actionHeader {
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: bold;
}


/* line 879, scss/modules/_custom.scss */

div.actionBox #actionLinks {
    color: #fff;
    background: #e2ebea;
}


/* line 884, scss/modules/_custom.scss */

div.actionBox li {
    padding: 10px;
    border: 1px solid #fff;
}


/* line 889, scss/modules/_custom.scss */

div.actionBox li {
    color: #fff;
}


/* line 893, scss/modules/_custom.scss */

div.actionBox a {
    display: block;
    color: #000;
    text-decoration: none;
}


/* line 899, scss/modules/_custom.scss */

div.actionBox li:hover {
    background-color: #b8c0b6;
}


/**********************************************************************
** Other: Label, required, etc
* generic
**********************************************************************/


/* line 909, scss/modules/_custom.scss */

label {
    color: #404040;
    display: block;
    font-size: 12px;
    font-weight: bold;
    /*padding-left: 4px;*/
}


/* line 919, scss/modules/_custom.scss */

.bar {
    margin-bottom: 0;
    padding: 0 5px 0 7px;
}


/* line 924, scss/modules/_custom.scss */

.noPaddingBar {
    margin-bottom: 0;
    padding: 0;
}


/* line 929, scss/modules/_custom.scss */

#middle_content_two_column_layout {
    /*width: 900px;*/
    /*margin-left: 20px;
  margin-right: 20px;*/
    padding-bottom: 30px;
    overflow: hidden;
}


/* line 937, scss/modules/_custom.scss */

.required {
    font-size: 11px;
    color: red;
    font-weight: bold;
}


/* line 943, scss/modules/_custom.scss */

#dashed-divider {
    border-bottom: medium dashed;
    border-top: medium none;
    height: 2px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    display: inline;
}


/* line 954, scss/modules/_custom.scss */

.divider_div {
    border-top: 3px solid #C6C6CA;
    margin: 0 auto;
    width: 80%;
}


/* line 960, scss/modules/_custom.scss */

.radiobuttons span label {
    display: inline;
    font-weight: normal;
    font-size: 11px;
    text-shadow: none;
}


/* line 967, scss/modules/_custom.scss */

.addtocartImg {
    bottom: 5px;
    position: relative;
}


/* line 972, scss/modules/_custom.scss */

.grid-table .quantity {
    margin-bottom: 10px;
}


/**********************************************************************
** Styles for : Form Elements
**********************************************************************/


/* Select */


/* line 984, scss/modules/_custom.scss */

.searchArea {
    -moz-box-sizing: border-box;
    width: 229x;
    border: 1px solid #E5E4E3;
    display: inline;
}


/* line 992, 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 1007, scss/modules/_custom.scss */

.selectWrap #quickSearchSubmit {
    height: 16px;
    width: 24px;
}


/* line 1012, scss/modules/_custom.scss */

.selectWrap input {
    float: none;
    margin: 0;
}


/* line 1017, scss/modules/_custom.scss */

.selectWrap {
    display: inline-block;
    height: 34px;
    width: 405px;
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 5px;
}


/* line 1027, scss/modules/_custom.scss */

#quickSearchKeyMaster {
    width: 229px;
    height: 18px;
    position: relative;
    margin: 0;
}


/* line 1033, scss/modules/_custom.scss */

#quickSearchSubmit {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 2px;
    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 1056, scss/modules/_custom.scss */

.display_element_box {
    padding: 5px 10px 12px 10px;
}


/* line 1060, scss/modules/_custom.scss */

.display_element_box .label {
    color: #343434;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
    padding: 4px 10px 0;
}


/* line 1068, scss/modules/_custom.scss */

.display_element_box .value {
    padding: 1px 15px 0;
    font-size: 12px;
}


/* line 1073, scss/modules/_custom.scss */

.menuH2ButtonDiv {
    padding-top: 5px;
    padding-left: 5px;
    color: white;
    background-color: #aa0061;
    height: 25px;
}


/* line 1081, scss/modules/_custom.scss */

.menuH2ButtonDiv a {
    color: white;
    font-size: 9pt;
}


/* line 1086, scss/modules/_custom.scss */

.menuH2ButtonBlankDiv {
    padding-top: 5px;
    font-weight: bold;
    color: #666666;
    background-color: white;
    height: 25px;
    text-decoration: underline;
}


/* line 1095, 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 1104, 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 1113, scss/modules/_custom.scss */

.border-no {
    padding-top: 1px;
    padding-bottom: 1px;
    display: inline;
}


/* line 1119, scss/modules/_custom.scss */

.inline-Button-div {
    display: inline;
    padding-bottom: 5px;
}


/**********************************************************************
** Buttons - New
**********************************************************************/


/* Buttons */


/* line 1132, scss/modules/_custom.scss */

.button {
    display: inline-block;
    border: 1px solid;
    border: none;
    background-color: #aa0061;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    margin-bottom: 7px;
}


/* line 1144, scss/modules/_custom.scss */

.buttonsContainer {
    float: right;
    width: 200px;
}


/* line 1149, scss/modules/_custom.scss */

.button.small {
    font-size: .9em;
    padding: 6px 15px 5px 15px;
}


/* line 1154, scss/modules/_custom.scss */

.button.medium {
    font-size: 1.1em;
    padding: 10px 20px 9px 20px;
}


/* line 1159, scss/modules/_custom.scss */

.button.large {
    font-size: 1.4em;
    font-weight: normal;
    padding: 18px 20px 17px 20px;
}


/* line 1165, 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 1176, 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 1190, scss/modules/_custom.scss */

.button.search:hover {
    color: #fff;
    background-color: #0065A5;
    border-color: #80ABCF;
}


/* line 1196, scss/modules/_custom.scss */

.button.clear_all:hover {
    color: #fff;
    background-color: #797979;
    border-color: #80ABCF;
}


/* line 1202, scss/modules/_custom.scss */

.button.blue {
    color: #fff;
    background-color: #43657E;
    border-color: #003768;
}


/* line 1208, scss/modules/_custom.scss */

.button.blue:hover {
    color: #fff;
    background-color: #6F2595;
    border-color: #43657E;
}


/**********************************************************************
** Styles for : Image slider
** TODO: try to remove these and use home page overlay styles
**********************************************************************/


/* line 1220, 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 1233, scss/modules/_custom.scss */

#sliderPreview {
    float: left;
}


/* line 1237, scss/modules/_custom.scss */

#sliderPreview ul,
#sliderPreview li {
    margin-top: 20px;
    list-style: none;
    text-align: center;
    width: 571px;
}


/* line 1245, scss/modules/_custom.scss */

#sliderPreview li {
    width: 540px;
    height: 333px;
    overflow: hidden;
    border: none;
}


/* line 1252, scss/modules/_custom.scss */

#sliderPreview img {
    width: 70%;
    height: 90%;
    border: none;
}


/* line 1258, scss/modules/_custom.scss */

#prevPrvw {
    float: left;
    margin-left: 20px;
    margin-top: 150px;
}


/* line 1264, scss/modules/_custom.scss */

#nextPrvw {
    float: left;
    margin-right: 20px;
    margin-top: 150px;
}


/* line 1270, scss/modules/_custom.scss */

#sliderButtonDiv a {
    text-decoration: none;
}


/* line 1274, scss/modules/_custom.scss */

#sliderButtonDiv img {
    border: none;
}


/* line 1278, scss/modules/_custom.scss */

.white_content {
    line-height: 14px;
    background-color: #fff;
    width: 623px;
    height: 388px;
    display: none;
    position: absolute;
    top: 140px;
    left: 100px;
    z-index: 1003;
}


/* line 1290, scss/modules/_custom.scss */

.instructions {
    padding: 5px;
}


/* line 1294, scss/modules/_custom.scss */

#lightBoxTitle {
    background-color: #aa0061;
    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 1320, scss/modules/_custom.scss */

.errorIcon {
    float: left;
    padding: 15px 10px;
}


/* line 1325, scss/modules/_custom.scss */

.warningIcon {
    float: left;
    padding: 15px 10px;
}


/* line 1330, 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 1340, scss/modules/_custom.scss */

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


/* line 1350, scss/modules/_custom.scss */

#warningMessage {
    background: none repeat scroll 0 0 #ffe87d;
    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 1370, 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 1383, scss/modules/_custom.scss */

.messaging img {
    float: left;
    padding: 5px;
    float: left;
    height: 32px;
    padding: 5px;
    width: 32px;
}


/* line 1392, scss/modules/_custom.scss */

.messaging li {
    list-style-type: none;
    padding-left: 10px;
}


/* line 1397, scss/modules/_custom.scss */

.messagingError {
    font-weight: bold;
    color: maroon;
    padding-bottom: 15px;
    font-size: 1.2em;
}


/* line 1404, scss/modules/_custom.scss */

.messagingError div {
    float: left;
    padding-right: 5px;
}


/* line 1409, scss/modules/_custom.scss */

.messagingError img {
    align: middle;
}


/* line 1413, 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 1423, scss/modules/_custom.scss */

#warningImage {
    height: 28px;
    width: 28px;
}


/* line 1428, scss/modules/_custom.scss */

.homeMessages {
    padding-top: 15px !important;
}


/**********************************************************************
 ** Styles for : recipients tables
 **********************************************************************/


/* line 1437, scss/modules/_custom.scss */

#recipientAddressInfo {
    margin-top: 10px;
    padding: 5px;
}


/* line 1442, scss/modules/_custom.scss */

#recipientItemInfo {
    margin-bottom: 40px;
}


/* line 1446, scss/modules/_custom.scss */

#review_submitAndCancelButtons {
    padding-bottom: 10px;
}


/***********************************************************************
 ** Styles for : Order Type selection 
 ***********************************************************************/


/* line 1455, scss/modules/_custom.scss */

.orderTypeTable {
    display: block;
    margin-top: 10px;
    width: auto;
}


/* line 1461, scss/modules/_custom.scss */

.orderTypeRow {
    display: table-row;
    width: auto;
}


/* line 1466, scss/modules/_custom.scss */

.orderTypeCell1 {
    float: left;
    /*fix for  buggy browsers*/
    display: none;
    width: 200px;
    height: 40px;
}


/* line 1474, scss/modules/_custom.scss */

.orderTypeCell2 {
    background-color: #AA0061;
    color: #fff;
    float: left;
    height: 40px;
    padding: 20px 10px 5px;
    text-align: center;
    width: 200px;
}


/* line 1484, scss/modules/_custom.scss */

.orderTypeCell2:hover {
    background-color: #6F2595;
    cursor: pointer;
}


/* line 1489, scss/modules/_custom.scss */

.orderTypeCell3 {
    float: right;
    height: 40px;
    margin: 10px;
    padding-top: 10px;
    width: 300px;
}


/* line 1497, scss/modules/_custom.scss */

#orderProgress_nav_container {
    padding-top: 10px;
}


/*----------- Admin page-------------- */


/* line 1504, scss/modules/_custom.scss */

h4 {
    font-size: 18px;
    margin-bottom: 0;
}


/* line 1509, scss/modules/_custom.scss */

.adminTitle {
    background-color: #aa0061;
    color: #fff;
    margin: 7px 0 20px 20px;
    padding: 0 0 0 15px;
    width: 20.8%;
}


/* line 1517, scss/modules/_custom.scss */

.siteSetupTitle {
    background-color: #aa0061;
    color: #fff;
    margin-left: 20px;
    margin: 40px 0 10px 20px;
    padding: 0 0 0 15px;
    width: 20.8%;
}


/* line 1526, scss/modules/_custom.scss */

.adminMenuButtons {
    margin-left: 20px;
    margin-top: 10px;
}


/* line 1531, scss/modules/_custom.scss */

.adminButton {
    background-color: #aa0061;
    display: inline;
    margin-right: 3px;
    margin-top: 7px;
    padding: 42px 0;
}


/* line 1539, scss/modules/_custom.scss */

.adminButton img {
    height: 93px;
    width: 93px;
}


/* line 1544, scss/modules/_custom.scss */

.adminButton:hover {
    background-color: #6F2595;
    display: inline;
    margin-right: 3px;
    margin-top: 7px;
    padding: 42px 0;
}


/* line 1552, scss/modules/_custom.scss */

.adminMenuLinks {
    padding-bottom: 40px;
}


/* line 1556, scss/modules/_custom.scss */

.shipToSelfAddress {
    padding-left: 25px;
    padding-top: 10px;
}


/*----------- HCP Search-------------- */


/* line 1564, scss/modules/_custom.scss */

.formFields {
    margin-top: 0;
    padding-bottom: 10px;
}


/* line 1569, scss/modules/_custom.scss */

#data-grid-hcpSearchResultsData-pager {
    padding: 10px 7px;
}


/* line 1573, scss/modules/_custom.scss */

#data-grid-colleagueSearchResultsData-pager {
    padding: 10px 7px;
}


/* line 1577, scss/modules/_custom.scss */

#data-grid-addressBookSearchResultData-pager {
    padding: 10px 7px;
}


/* line 1581, scss/modules/_custom.scss */

#hcpSelectedDiv .instructions {
    margin-top: 0 !important;
    float: none !important;
}


/* line 1590, scss/modules/_custom.scss */

#hcpSelectedDiv .buttonDiv .activeButton,
#hcpSelectedDiv .buttonDiv .inactiveButton {
    bottom: 20px;
    position: relative;
}


/* line 1596, scss/modules/_custom.scss */

#hcpSearchResultsDiv .buttonDiv {
    text-align: right;
    width: 200px;
}


/* line 1601, scss/modules/_custom.scss */

#colleagueSearchResultsDiv .buttonDiv {
    text-align: right;
    width: 200px;
}


/* line 1612, 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 1625, scss/modules/_custom.scss */

.saveCartSection {
    /* border-bottom:1px solid grey;
  padding-bottom:20px;
  */
}


/* line 1631, scss/modules/_custom.scss */

.legalTitle {
    font-size: 11px;
    font-weight: bold;
}


/* line 1636, scss/modules/_custom.scss */

.legal {
    font-size: 10px;
}


/* line 1640, scss/modules/_custom.scss */

.cartSubHeader {
    background-color: #aa0061;
    color: #fff;
    font-size: 12px;
    margin-top: 15px;
    padding: 2px 8px;
}


/***********************************************************************
 ** Styles for : icons
 ***********************************************************************/


/* line 1653, scss/modules/_custom.scss */

.updateIconImg {
    margin-bottom: 2px;
}


/* line 1657, scss/modules/_custom.scss */

.removeIconImg {
    cursor: pointer;
}


/* line 1661, scss/modules/_custom.scss */

.customizeButton {
    background-color: #AA0061;
    color: #fff;
    padding: 2px 10px 2px 11px;
    white-space: nowrap;
    cursor: pointer;
}


/* line 1669, scss/modules/_custom.scss */

.customizeButton:hover {
    background-color: #AA0061;
}


/* line 1673, scss/modules/_custom.scss */

.restricedButton {
    background-color: #D3D3D3;
    color: #fff;
    padding: 2px 13px 1px;
}


/* line 1679, scss/modules/_custom.scss */

.imgSliderClass {
    cursor: pointer;
}


/* line 1683, scss/modules/_custom.scss */

.itemDetailSideBar {
    padding-top: 10px;
}


/* line 1687, scss/modules/_custom.scss */

#submissionButton input {
    float: right;
}


/***********************************************************************
 ** Styles for : Convention orders
 ***********************************************************************/


/* line 1696, scss/modules/_custom.scss */

#enterCodeBox {
    height: 125px;
    border: 3px solid;
    border-color: #aa0061;
    border-radius: 10px;
    background-color: #E4E4E4;
    width: 450px;
    margin-right: auto;
    margin-left: auto;
}


/* line 1707, scss/modules/_custom.scss */

#enterCodeInput {
    width: 120px;
    padding-left: 150px;
    padding-top: 35px;
}


/* line 1713, scss/modules/_custom.scss */

.recentOrdersData {
    color: #343434;
}


/* line 1717, scss/modules/_custom.scss */

#reviewError {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* line 1722, scss/modules/_custom.scss */

#review_approveOrders {
    margin-top: 10px;
}


/* line 1726, scss/modules/_custom.scss */

.conventionFieldSet {
    margin-top: 0px;
    padding: 15px;
    width: 45%;
    float: left;
}


/******************************
* Style for New Item page
******************************/


/* line 1738, scss/modules/_custom.scss */

.newItemFlagImageDiv {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -20px;
}


/* line 1751, scss/modules/_custom.scss */

.newItemFlagDateDiv {
    margin-bottom: 20px;
}


/* line 1757, scss/modules/_custom.scss */

.newItemFlagSentEmailMessage {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #DEDEDE;
    font-weight: bold;
    width: 260px;
}


/* line 1766, scss/modules/_custom.scss */

#iacSelect {
    display: none;
}


/* line 1770, scss/modules/_custom.scss */

.iacSelectFootnote {
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: italic;
}


/* line 1777, scss/modules/_custom.scss */

.iacSelectDiv {
    display: table;
}


/* line 1781, scss/modules/_custom.scss */

.iacSelectDiv .row {
    display: table-row;
}


/* line 1785, scss/modules/_custom.scss */

.iacSelectDiv .left {
    display: table-cell;
    padding-right: 20px;
}


/* line 1790, scss/modules/_custom.scss */

.iacSelectDiv .center {
    display: table-cell;
    width: 40px;
    padding-right: 20px;
    padding-bottom: 0;
}


/* line 1797, scss/modules/_custom.scss */

.iacSelectDiv .right {
    display: table-cell;
    text-align: left;
}


/* line 1802, scss/modules/_custom.scss */

.iacSelectDiv .arrow {
    position: relative;
    top: 56px;
}


/* line 1807, 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 1822, scss/modules/_custom.scss */

.addressBookSearchWrap #quickSearchSubmit {
    height: 16px;
    width: 24px;
}


/* line 1827, scss/modules/_custom.scss */

.addressBookSearchWrap input {
    float: none;
    margin: 0;
}


/* line 1832, scss/modules/_custom.scss */

.addressBookSearchWrap {
    display: inline-block;
    height: 34px;
    margin: 0;
    padding-left: 10px;
    position: relative;
    margin-top: 5px;
}


/* line 1841, scss/modules/_custom.scss */

#addressBookSearchKeyMaster {
    width: 185px;
    position: relative;
    margin: 0;
}


/* line 1847, 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 1870, scss/modules/_custom.scss */

#addressBookSearchResultsDiv .buttonDiv {
    text-align: right;
    width: 200px;
    padding-left: 10px;
}


/* line 1876, 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 58, scss/modules/_tiles.scss */

.thirdTile p {
    margin: 1px;
    padding: 26px 0;
    text-shadow: 1px 2px #111;
}


/* line 64, scss/modules/_tiles.scss */

.halfTile p,
.halfTile_buttom p {
    margin: 1px;
    padding: 46px 0;
    text-shadow: 1px 2px #111;
}


/* line 71, scss/modules/_tiles.scss */

#new_items {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/new_items.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 78, scss/modules/_tiles.scss */

#recent_orders {
    background: linear-gradient(rgba(0, 152, 219, 0.35), rgba(0, 152, 219, 0.35)), url("../images/recent_orders.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 85, scss/modules/_tiles.scss */

#announcement {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/announcements.jpg") repeat scroll center;
    cursor: pointer;
}

.announcementIdWrap {
    display: none;
}


/* line 92, scss/modules/_tiles.scss */

#conference_order {
    background: linear-gradient(rgba(0, 152, 219, 0.35), rgba(0, 152, 219, 0.35)), url("../images/conference_order.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 99, scss/modules/_tiles.scss */

#saved_cart {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/saved_cart.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 106, scss/modules/_tiles.scss */

#resource_center {
    background: linear-gradient(rgba(0, 152, 219, 0.35), rgba(0, 152, 219, 0.35)), url("../images/resource_center.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 113, scss/modules/_tiles.scss */

#help {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/help.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 113, scss/modules/_tiles.scss */

#kits {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/kits.png") repeat scroll center;
    cursor: pointer;
}


/* line 120, scss/modules/_tiles.scss */

#expired_items {
    background: linear-gradient(rgba(0, 57, 166, 0.2), rgba(0, 57, 166, 0.2)), url("../images/expired_items.jpg") repeat scroll center;
    cursor: pointer;
}


/* line 127, 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 141, scss/modules/_tiles.scss */
    .fullTile p {
        margin: 1px;
        padding: 100px 0;
        white-space: pre-wrap;
    }
    /* line 146, scss/modules/_tiles.scss */
    .thirdTile p {
        margin: 1px;
        padding: 26px 0;
        white-space: pre-wrap;
    }
    /* line 151, scss/modules/_tiles.scss */
    .halfTile p,
    .halfTile_buttom p {
        margin: 1px;
        padding: 46px 0;
        white-space: pre-wrap;
    }
    /* line 157, scss/modules/_tiles.scss */
    #bottom_content {
        margin: auto;
        padding: 11px 0 0;
    }
    /* line 161, 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 23, scss/modules/_modalbox.scss */

#MB_overlay[id] {
    position: fixed;
}


/* line 24, scss/modules/_modalbox.scss */

.MB_overlay P {
    white-space: normal !important;
}


/* line 25, 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 33, scss/modules/_modalbox.scss */

#MB_windowwrapper {
    position: absolute;
    top: 10%;
    width: 100%;
}


/* line 39, 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 49, scss/modules/_modalbox.scss */

#MB_window[id] {
    position: relative;
}


/* line 51, scss/modules/_modalbox.scss */

#MB_frame {
    position: relative;
    background-color: #EFEFEF;
    height: 100%;
}


/* line 57, scss/modules/_modalbox.scss */

#MB_header {
    margin: 0;
    padding: 0;
}


/* line 62, scss/modules/_modalbox.scss */

#MB_content {
    position: relative;
    padding: 6px .75em;
    overflow: auto;
}


/* line 68, scss/modules/_modalbox.scss */

#MB_caption {
    font: bold 100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .5em .75em;
    margin: 0;
    text-align: left;
}


/* line 75, scss/modules/_modalbox.scss */

#MB_close {
    display: block;
    font-size: 23px;
    font-weight: bold;
    position: absolute;
    right: 9px;
    text-decoration: none;
    top: 2px;
}


/* line 84, scss/modules/_modalbox.scss */

#MB_close:hover {
    background: transparent;
}


/* line 88, scss/modules/_modalbox.scss */

#MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent url(spinner.gif) 50% 0 no-repeat;
}


/* Color scheme */


/* line 95, scss/modules/_modalbox.scss */

#MB_window {
    background-color: #EFEFEF;
    color: #000;
}


/* line 99, scss/modules/_modalbox.scss */

#MB_frame {
    padding-bottom: 4px;
}


/* line 105, scss/modules/_modalbox.scss */

#MB_header {
    background-color: #aa0061;
}


/* line 108, scss/modules/_modalbox.scss */

#MB_caption {
    color: #fff;
}


/* line 109, scss/modules/_modalbox.scss */

#MB_close {
    color: #fff;
}


/* line 110, scss/modules/_modalbox.scss */

#MB_close:hover {
    color: #aa0061;
}


/* line 111, scss/modules/_modalbox.scss */

.MB_but {
    display: inline;
    background-color: #aa0061;
    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;
}


/* line 124, scss/modules/_modalbox.scss */

.MB_but:hover {
    display: inline;
    background-color: #aa0061;
    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 143, scss/modules/_modalbox.scss */

#cancelBut.MB_but {
    width: 151px;
}


/* line 146, scss/modules/_modalbox.scss */

#deleteBut.MB_but {
    width: 151px;
}


/* Alert message */


/* line 151, 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;
}


/* 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 20, scss/modules/_mediaqueries.scss */
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        max-width: 960px;
        margin: 0 auto;
    }
    /*#topnav ul{display:none;} */
    /* line 29, scss/modules/_mediaqueries.scss */
    form input[type="submit"] {
        margin-bottom: 10px;
    }
    /* line 32, scss/modules/_mediaqueries.scss */
    #username,
    #password {
        width: 90%;
    }
    /* line 36, scss/modules/_mediaqueries.scss */
    #newPassword,
    #oldPassword,
    #confirmPassword {
        width: 90%;
    }
    /* line 41, scss/modules/_mediaqueries.scss */
    .calltoaction.opt4 div {
        display: block;
        float: none;
        width: 100%;
        margin: 30px 0 0 0;
    }
    /* line 47, scss/modules/_mediaqueries.scss */
    .calltoaction.opt4 div:first-child {
        margin-top: 0;
        text-align: center;
    }
    /* line 51, scss/modules/_mediaqueries.scss */
    .calltoaction.opt4 {
        font-size: 1.5em;
    }
    /* line 54, scss/modules/_mediaqueries.scss */
    #fof {
        padding: 30px 0 0 0;
    }
    /* line 57, scss/modules/_mediaqueries.scss */
    #fof h1 {
        margin-top: 0;
        font-size: 12em;
    }
    /* line 61, scss/modules/_mediaqueries.scss */
    #fof h2 {
        margin-top: 0;
    }
    /* line 64, scss/modules/_mediaqueries.scss */
    form input[type="submit"],
    form input[type="reset"] {
        padding: 5px 8px;
    }
    /* line 68, scss/modules/_mediaqueries.scss */
    #header #header-contact {
        width: 45%;
    }
    /* line 71, scss/modules/_mediaqueries.scss */
    .drop {
        width: 24px;
    }
    /* line 76, 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 83, scss/modules/_mediaqueries.scss */
    #container_info {
        font-size: 0.9em;
    }
    /* line 86, scss/modules/_mediaqueries.scss */
    #mainContent {
        margin: 0 0 0 2%;
        width: 73%;
        margin-bottom: -3000px;
        padding-bottom: 3000px;
    }
    /* line 92, scss/modules/_mediaqueries.scss */
    .accordion-wrapper .accordion-title,
    .toggle-wrapper .toggle-title {
        background-color: #7fdbff;
        background-image: url("../../images/plus-16x16.png");
    }
    /* line 97, scss/modules/_mediaqueries.scss */
    .resultsViewPagination {
        float: left;
        margin-left: 0%;
    }
    /* line 101, scss/modules/_mediaqueries.scss */
    #footerContact {
        float: left;
        padding: 0 30px 30px;
        border: none;
        width: 590px;
    }
    /* line 107, scss/modules/_mediaqueries.scss */
    #footer .contact li,
    #footer .contact li a {
        width: 400px;
    }
    /* line 111, scss/modules/_mediaqueries.scss */
    #footer .contact li,
    #footer .contact li a {
        color: #fff;
        font-size: 1.2em;
    }
    /* line 116, scss/modules/_mediaqueries.scss */
    #footerAccount,
    #footerShop,
    #footerSupport {
        padding-left: 40px;
        width: 25%;
    }
    /* line 122, scss/modules/_mediaqueries.scss */
    #footerShop {
        margin-left: 15px;
    }
    /* line 125, scss/modules/_mediaqueries.scss */
    #footerSupport {
        margin-left: 10px;
    }
    /* line 128, scss/modules/_mediaqueries.scss */
    #footerContact {
        margin-left: 10px;
    }
    /* line 131, scss/modules/_mediaqueries.scss */
    #copyright {
        padding: 25px 0 15px;
    }
    /* line 134, scss/modules/_mediaqueries.scss */
    .resultsViewTypes {
        color: #fff;
        float: left;
        margin-left: -5px;
    }
    /* line 139, scss/modules/_mediaqueries.scss */
    .resultsViewSort {
        border: medium none;
        float: right;
        font-size: 11px;
        padding: 0;
    }
    /* line 145, scss/modules/_mediaqueries.scss */
    .twoColumnSection {
        width: 65% !important;
    }
    /* line 148, scss/modules/_mediaqueries.scss */
    .conventionFieldSet {
        float: left;
        margin-top: 0;
        padding: 10px 2px 10px 22px;
    }
    /* line 153, 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 161, scss/modules/_mediaqueries.scss */
    .searchResult_gridView_fiveColumnSection .column {
        display: inline;
        float: left;
        height: 130px;
        width: 22.5%;
    }
    /* line 167, scss/modules/_mediaqueries.scss */
    .templateCell {
        font-size: 10px;
        margin: 2px 12px 40px;
        padding: 10px;
        position: relative;
        width: 218px;
    }
    /* line 174, scss/modules/_mediaqueries.scss */
    #image_container {
        margin: 0 auto !important;
    }
    /*.templateCell a .customizeButton {margin:19px;}*/
    /* line 178, scss/modules/_mediaqueries.scss */
    .column.templateCell {
        text-align: center;
    }
    /* line 181, scss/modules/_mediaqueries.scss */
    #createTemplateForm #fileListId .resultsTable {
        margin: 0 20px 0 0 !important;
        width: 100% !important;
    }
    /* ----- tiles  ----- */
    /* line 186, scss/modules/_mediaqueries.scss */
    #expired_items p {
        line-height: 30px;
        padding: 82px 0;
    }
    /* line 190, scss/modules/_mediaqueries.scss */
    #resource_center p {
        line-height: 22px;
        padding: 12px 0;
    }
    /* line 194, scss/modules/_mediaqueries.scss */
    #recent_orders p {
        line-height: 23px;
        padding: 33px 0;
    }
    /* line 198, scss/modules/_mediaqueries.scss */
    #announcement p {
        font-size: 21px;
    }
}


/* 960px */

@media screen and (min-width: 960px) {
    /* line 207, scss/modules/_mediaqueries.scss */
    body.boxed .wrapper {
        width: 960px;
    }
    /* line 210, scss/modules/_mediaqueries.scss */
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        width: 100%;
        margin: 0 auto;
    }
    /* line 219, scss/modules/_mediaqueries.scss */
    #header #header-contact {
        width: 37%;
    }
}


/* 1028px */

@media screen and (min-width: 1028px) {
    /* line 228, scss/modules/_mediaqueries.scss */
    body.boxed .wrapper {
        width: 960px;
    }
    /* line 231, scss/modules/_mediaqueries.scss */
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        width: 960px;
        margin: 0 auto;
    }
    /* line 240, scss/modules/_mediaqueries.scss */
    #header #header-contact {
        width: 37%;
    }
}


/* 1200px */

@media screen and (min-width: 1200px) {
    /* line 249, scss/modules/_mediaqueries.scss */
    body.boxed .wrapper {
        width: 960px;
    }
    /* line 252, scss/modules/_mediaqueries.scss */
    #header,
    #intro,
    #container,
    #footer,
    #copyright,
    .stretched {
        width: 960px;
        margin: 0 auto;
    }
    /* line 262, 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 271, scss/modules/_mediaqueries.scss */
    body.boxed .wrapper {
        width: 960px;
    }
    /* line 274, scss/modules/_mediaqueries.scss */
    #intro,
    #container,
    #footer,
    #copyright,
    .stretched {
        width: 100%;
        margin: 0 auto;
    }
    /* line 282, scss/modules/_mediaqueries.scss */
    #header #header-contact {
        width: 40%;
    }
}


/* Resize Extended Box */

@media screen and (min-width: 1501px) {
    /* line 291, 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;
}


/* Modal */

.modal,
.modal-box {
    z-index: 900;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 80%;
    max-width: 560px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
}

.modal-header {
    padding: 5px 40px;
    background: #ECEFF1;
    color: #000;
    border-bottom: solid 1px #3333333b;
}

.modal-body {
    background: #ECEFF1;
    color: #000 !important;
    padding: 20px 40px;
}


/* Close Button */

.close-modal {
    cursor: pointer;
    text-align: center;
}


/*
    
  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: #6F2595;
}


/* 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: #6F2595;
    border-color: #6F2595;
}


/* 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 2, scss/modules/_prototip.scss */

.prototip {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000;
}


/* the default style */


/* line 8, scss/modules/_prototip.scss */

.prototip .default {
    width: 250px;
    color: #6F2595;
}


/* line 12, scss/modules/_prototip.scss */

.prototip .default .toolbar {
    background: #f1f1f1;
    font-weight: bold;
}


/* line 16, scss/modules/_prototip.scss */

.prototip .default .title {
    padding: 1px 5px;
}


/* line 17, scss/modules/_prototip.scss */

.prototip .default .content {
    padding: 5px;
    background: #fff;
}


/* basic */


/* line 23, scss/modules/_prototip.scss */

.prototip .basic {
    width: 250px;
    color: #6F2595;
}


/* line 27, scss/modules/_prototip.scss */

.prototip .basic .toolbar {
    background: #f1f1f1;
    font-weight: bold;
}


/* line 31, scss/modules/_prototip.scss */

.prototip .basic .title {
    padding: 1px 5px;
}


/* line 32, scss/modules/_prototip.scss */

.prototip .basic .content {
    padding: 5px;
    background: #fff;
}


/* basic */


/* line 38, scss/modules/_prototip.scss */

.prototip .hint {
    width: 250px;
    color: #313120;
    background: #fff6aa;
}


/* line 43, scss/modules/_prototip.scss */

.prototip .hint .toolbar {
    background: #fdf1a0;
    font-weight: bold;
}


/* line 47, scss/modules/_prototip.scss */

.prototip .hint .title,
.prototip .hint .content {
    padding: 1px 5px;
}


/* protoblue */


/* line 51, scss/modules/_prototip.scss */

.prototip .protoblue {
    width: 250px;
    color: #fff;
}


/* line 55, scss/modules/_prototip.scss */

.prototip .protoblue .toolbar {
    background: #0d7cd0;
    font-weight: bold;
}


/* line 59, scss/modules/_prototip.scss */

.prototip .protoblue .title {
    padding: 1px 5px;
}


/* line 60, scss/modules/_prototip.scss */

.prototip .protoblue .content {
    background: #1e90ff;
    padding: 5px;
}


/* creamy */


/* line 66, scss/modules/_prototip.scss */

.prototip .creamy {
    width: 250px;
    color: #bb9c61;
}


/* line 70, scss/modules/_prototip.scss */

.prototip .creamy .toolbar {
    background: #f3edc2;
    font-weight: bold;
}


/* line 74, scss/modules/_prototip.scss */

.prototip .creamy .title {
    padding: 1px 5px;
}


/* line 75, scss/modules/_prototip.scss */

.prototip .creamy .content {
    background: #f8f4ca;
    padding: 5px;
}


/* darkgrey */


/* line 81, scss/modules/_prototip.scss */

.prototip .darkgrey {
    width: 250px;
    color: #fff;
}


/* line 85, scss/modules/_prototip.scss */

.prototip .darkgrey .toolbar {
    background: #5f5f5f;
    font-weight: bold;
}


/* line 89, scss/modules/_prototip.scss */

.prototip .darkgrey .title {
    padding: 1px 5px;
}


/* line 90, scss/modules/_prototip.scss */

.prototip .darkgrey .content {
    background: #6F2595;
    padding: 5px;
}


/* protogrey */


/* line 96, scss/modules/_prototip.scss */

.prototip .protogrey {
    opacity: .95;
    width: 250px;
    color: #fff;
    background: #fff;
}


/* line 102, scss/modules/_prototip.scss */

.prototip .protogrey .toolbar {
    background: #969c92;
    font-weight: bold;
}


/* line 106, scss/modules/_prototip.scss */

.prototip .protogrey .title {
    padding: 1px 5px;
}


/* line 107, scss/modules/_prototip.scss */

.prototip .protogrey .content {
    color: #6F2595;
    padding: 5px;
}


/* This is how to resize the close button for a style */


/* line 113, scss/modules/_prototip.scss */

.prototip .protogrey .toolbar .close {
    width: 20px;
    height: 20px;
}


/* loader gif */


/* line 120, scss/modules/_prototip.scss */

.prototipLoader {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 14px;
    width: 14px;
    border: 1px solid #dddddd;
    overflow: hidden;
}


/* line 130, scss/modules/_prototip.scss */

.borderMiddle,
.borderRow {
    background-color: #6bc6ba !important;
}


/* line 134, scss/modules/_prototip.scss */

.tooltip .title {
    background-color: #6F2595;
}


/* Required for all tooltips, do not modify */


/* line 140, scss/modules/_prototip.scss */

.prototip {
    position: absolute;
    overflow: hidden;
}


/* line 141, scss/modules/_prototip.scss */

.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {
    position: relative;
}


/* line 142, scss/modules/_prototip.scss */

.prototip .content {
    clear: both;
}


/* line 143, 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 144, scss/modules/_prototip.scss */

.prototip .tooltip {
    clear: both;
    float: left;
}


/* line 145, scss/modules/_prototip.scss */

.prototip .borderLeftWrapper,
.prototip .borderRightWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 20px;
}


/* line 146, scss/modules/_prototip.scss */

.prototip .borderFrame {
    height: 100%;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}


/* line 147, scss/modules/_prototip.scss */

.prototip .borderTop,
.prototip .borderBottom {
    overflow: hidden;
}


/* line 148, scss/modules/_prototip.scss */

.prototip .borderRow {
    list-style-type: none;
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
}


/* line 149, scss/modules/_prototip.scss */

.prototip_CornerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    background-color: #6F2595;
}


/* line 150, scss/modules/_prototip.scss */

.prototip_Corner {
    float: left;
    position: relative;
}


/* line 151, scss/modules/_prototip.scss */

.prototip canvas {
    position: relative;
    float: left;
}


/* line 152, scss/modules/_prototip.scss */

.prototip_CornerTr,
.prototip_CornerBr {
    float: right;
    height: 0 !important;
    width: 0 !important;
}


/* line 153, scss/modules/_prototip.scss */

.prototip_BetweenCorners {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
}


/* line 154, scss/modules/_prototip.scss */

.prototip .borderMiddle {
    position: relative;
    float: left;
}


/* line 155, scss/modules/_prototip.scss */

.prototip .borderCenter {
    position: relative;
    float: left;
    height: 100%;
}


/* line 156, scss/modules/_prototip.scss */

.prototip_StemWrapper {
    position: relative;
    width: 100%;
    height: auto;
    clear: both;
}


/* line 157, scss/modules/_prototip.scss */

.prototip_StemBox {
    float: left;
    position: relative;
}


/* line 158, scss/modules/_prototip.scss */

.prototip_Stem {
    width: 100%;
    position: absolute;
    overflow: hidden;
}


/* line 159, scss/modules/_prototip.scss */

.iframeShim {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}


/* line 160, scss/modules/_prototip.scss */

.prototip .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* line 161, scss/modules/_prototip.scss */

.prototip .clearfix {
    display: inline-block;
}


/* IE Mac Hide \*/


/* line 163, 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 #aa0061;
    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: #6F2595 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: #6F2595;
    color: #fff;
    padding: 2px 0;
}


/* line 50, scss/modules/_calendar.scss */

.calendar thead tr {
    /* Row <TR> containing navigation buttons */
    background: #6F2595;
    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 #aa0061;
    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: #aa0061;
    color: #fff;
}


/* line 200, scss/modules/_calendar.scss */

.calendar tfoot .ttip {
    /* Tooltip (status bar) cell <TD> */
    background: #000;
    color: #fff;
    border-top: 1px solid #aa0061;
    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: #6F2595;
    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: #6F2595;
    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: #E3EBBC;
    color: black;
    cursor: pointer;
    font-size: 12px;
    list-style: none outside none;
}


/* line 40, scss/modules/jqueryStyle.scss */

li.smart_autocomplete_highlight {
    background-color: #C1CE84;
    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;
}


/* Tooltip */

.ui-tooltip {
    position: absolute;
    padding: 10px;
    margin: 15px 0 0;
    max-width: 215px;
    width: 100%;
    background-color: rgba(0, 152, 219, .8)!important;
    color: #fff!important;
    border-radius: 5px;
    text-align: center;
}

.handlink {
    cursor: pointer;
}