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

html {
    overflow-y: scroll;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #919191;
    background-color: #EAEAEA;
}

body.boxed {
    color: #fff;
    background-color: #adc5e6;
    min-width: 700px;
}


/*background-color:#A3BCCF*/

#pageWrapper {
    margin: auto;
    max-width: 1000px;
}


/*------ For IE8 ------ */

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.uppercase {
    text-transform: uppercase;
}

.hidden {
    display: none;
}

.clear {
    display: block;
    clear: both;
}

.clear:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
    content: "";
}

a {
    color: #004b91;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
    vertical-align: middle;
}

.boxholder {
    padding: 9px;
    border: 1px solid #D6D6D6;
}

.imgl {
    float: left;
    margin: 0 15px 10px 0;
    clear: left;
}

.imgr {
    float: right;
    margin: 0 0 10px 15px;
    clear: right;
}


/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
    margin: 0;
    padding: 0;
}


/*----------------------------------------------Responsive Videos-------------------------------------*/

.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) */
}

.video iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper,
.wrapper100 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    word-wrap: break-word;
}

.row1,
.row1 a {
    color: #fff;
    background-color: #343434;
}

.row2 {
    color: #fff;
    background-color: #004b91;
}

.row3 {
    color: #343434;
    background-color: #fff;
}

.row4,
.row4 a {
    color: #fff;
    background-color: #004b91;
}

.row5 {
    color: #343434;
    background-color: #fff;
}

.row6 {
    color: #fff;
    background-color: #004b91;
}

body.boxed .wrapper.row7 {
    background-color: #004b91;
    border-top: 7px solid #fff;
    color: #fff;
}

body.boxed .wrapper.row3.mainFrame {
    padding-left: 0;
    padding-right: 2.5%;
    min-height: 650px;
    overflow: hidden;
}


/*----------------------------------------------Generalise-------------------------------------*/

body {
    font-family: Arial, Helvetica, sans-serif;
}

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

address {
    margin: 10px 0;
    font-style: normal;
}

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

#header,
#topnav,
#intro,
#container,
#footer,
#copyright {
    margin: 0 auto;
}


/* removes borders frorm fieldset and images */

fieldset,
img {
    border: 0;
}


/*----------------------------------------------Header-------------------------------------*/

#header {
    padding: 0 0 0px;
}

#header hgroup {
    display: block;
    max-width: 920px;
    clear: right;
    margin: auto;
    padding: 0 10px;
}

#header hgroup h1,
#header hgroup h2 {
    margin: 0;
    font-weight: normal;
    text-transform: none;
}

#header hgroup h1 {
    font-size: 2em;
}

#header hgroup h2 {
    font-size: 1em;
}

#header #header-contact {
    clear: left;
    display: block;
    float: left;
    width: 50%;
    padding: 9px 0 4px;
}

#header #header-contact ul {
    margin-top: 15px;
}

#header #header-contact li {
    display: inline;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    border-left: 1px solid #C0BAB6;
}

#header #header-contact li:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

#topBanner_container.row2 {
    background: none repeat scroll 0 0 #004b91;
    border-top: 7px solid #fff;
    padding: 0 0 0 2.5%;
}

#topBanner {
    padding: 8px 0;
    width: 300px;
    display: inline-block;
}

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

#bannerLogo img {
    height: 67px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Sidebar */

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

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

.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;
}

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

#savedCartId {
    width: 140px;
}


/* breadcrumbs */

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

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

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

#crumbs ul li {
    display: inline;
}

#crumbs ul li a {
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 10px;
    text-decoration: none;
    color: #fff;
}

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

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

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

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

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


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

#footerBanner {
    border-bottom: 1px solid #fff;
}

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

#footer {
    padding: 20px 0 0;
}

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

#footer div {
    margin-bottom: 0;
}

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

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

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

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

#footer ul {
    list-style: none;
}

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

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

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

#footer form textarea {
    height: 120px;
}

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

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

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

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

#footer .contact li,
#footer .contact li a {
    background-color: #004b91;
    color: #fff;
    font-size: 1em;
    padding: 2px 8px 2px 5px;
}

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

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

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

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

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

#footerShop {
    margin-left: 25px;
}


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

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

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


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


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


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


/* Top Navigation */

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

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

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

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

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

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

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

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

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

.drop {
    width: 24px;
}

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

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

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

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

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

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

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

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

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

#topnav ul ul {
    display: none;
}

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

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

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

#topnav ul li li:hover > a {
    background-color: #7fdbff;
    color: #fff;
}

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

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


/* Top navigation for smaller resolutions */

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

#topnav form select {
    display: block;
    width: 100%;
    padding: 8px;
    color: #fff;
    background-color: #232323;
    border: 1px solid #494949;
    cursor: pointer;
    outline: none;
}

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


/* Sidebar Navigation */

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

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

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

.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;
}

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

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

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

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

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

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


/* Pagination */

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

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

.pagination li {
    display: inline;
}

.pagination strong {
    font-weight: normal;
}

.pagination .next {
    margin: 0;
}

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

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

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


/* Footer Navigation */

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

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

.footer_nav ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

body.boxed {
    background-color: #A3BCCF;
    color: #343434;
}

.login_container {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D9D9D9;
    margin: 50px auto;
    padding: 30px 0 0;
    width: 410px;
}

.loginName {
    padding-bottom: 5px;
}


/*---- Tool Name Image(Sam) ---*/

#resource_logo {
    margin: 50px auto 20px;
}


/*---- Login Area ---*/

.loginForm {
    padding: 10px 0 20px 35px;
}

#username,
#password {
    border: 1px solid #e5e5e5;
    font-size: 26px;
    height: 60px;
    margin-left: -2px;
    width: 98%;
    background-color: #fff;
}

#username,
#password {
    color: #343434 !important;
}

#newPassword,
#oldPassword,
#confirmPassword {
    border: 1px solid #e5e5e5;
    font-size: 26px;
    height: 60px;
    margin-left: -2px;
    width: 98%;
    background-color: #fff;
}

#remember_me {
    margin-top: 25px;
    width: 98%;
}

#rememberMe {
    display: inline;
}

#trouble_logging {
    float: right;
    margin-right: 5px;
}

#login .form-input label {
    color: #343434;
}

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

.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%;
}

.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%;
}

.messagingGood img {
    width: 28px;
    height: 28px;
}

.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%;
}

.messagingBad img {
    width: 32px;
    height: 32px;
}

.messaging img {
    float: left;
    padding: 15px 10px;
}

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

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

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

.messagingError img {
    align: middle;
}


/*---- Submit Button ---*/

.button.large.blue {
    background-color: #004b91;
    border-color: #004b91;
    color: #fff;
    height: 60px;
    margin-top: 30px;
    width: 98%;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.button.large.blue2 {
    background-color: #004b91;
    border-color: #004b91;
    color: #fff;
    height: 60px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#copyright_login {
    color: #fff;
    font-size: 0.85em;
    margin: auto;
    padding: 2px 0;
    width: 100%;
}

#copyright_login a {
    color: #43657E;
}


/*---- Popup Help Page ---*/

#forgotPwd_leftContent {
    float: left;
    font-size: 13px;
    width: 35%;
}

#forgotPwd_leftContent h1 {
    color: #004b91;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 10px solid #004b91;
}

#forgotPwd_rightContent {
    width: 50%;
    height: 100%;
    float: right;
    padding-left: 50px;
    border-left: 2px solid #004b91;
}

#forgotpasswordgo_nmnumber {
    font-size: 30px;
    font-weight: normal;
    height: 60px;
    width: 98%;
    margin-top: 20px;
}

.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;
}

.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;
}

.first {
    clear: left;
}

.first,
.nogutter {
    margin-left: 0;
}

.full_width {
    display: block;
    width: 100%;
    clear: both;
}

body.boxed .wrapper {
    max-width: 90%;
    padding: 0 1.3% 0 1.2%;
    margin: 0 auto;
}


/*----------------------------------------------Half Grid-------------------------------------*/

.one_half {
    width: 47.5%;
}

.one_half.nogutter {
    width: 50%;
}


/*----------------------------------------------Third Grid-------------------------------------*/

.one_third {
    width: 30%;
}

.two_third {
    width: 65%;
}

.one_third.nogutter {
    width: 33.33333%;
}

.two_third.nogutter {
    width: 66.66666%;
}


/*----------------------------------------------Quarter Grid-------------------------------------*/

.one_quarter {
    width: 21.25%;
}

.two_quarter {
    width: 47.5%;
}


/* Same as one_half */

.three_quarter {
    width: 73.75%;
}

.one_quarter.nogutter {
    width: 25%;
}

.two_quarter.nogutter {
    width: 50%;
}

.three_quarter.nogutter {
    width: 75%;
}


/*----------------------------------------------Fifth Grid-------------------------------------*/

.one_fifth {
    width: 16%;
}

.two_fifth {
    width: 37%;
}

.three_fifth {
    width: 58%;
}

.four_fifth {
    width: 79%;
}

.one_fifth.nogutter {
    width: 20%;
}

.two_fifth.nogutter {
    width: 40%;
}

.three_fifth.nogutter {
    width: 60%;
}

.four_fifth.nogutter {
    width: 80%;
}


/*----------------------------------------------Sixth Grid-------------------------------------*/

.one_sixth {
    width: 12.5%;
}

.two_sixth {
    width: 30%;
}


/* Same as one_third */

.three_sixth {
    width: 47.5%;
}


/* Same as one_half */

.four_sixth {
    width: 65%;
}


/* Same as two_third */

.five_sixth {
    width: 82.5%;
}

.one_sixth.nogutter {
    width: 16.66666%;
}

.two_sixth.nogutter {
    width: 33.33332%;
}

.three_sixth.nogutter {
    width: 49.99998%;
}

.four_sixth.nogutter {
    width: 66.66664%;
}

.five_sixth.nogutter {
    width: 83.3333%;
}


/*----------------------------------------------Spacing Elements-------------------------------------*/

.stretched {
    display: block;
    margin: 0 auto;
}

body.boxed .wrapper .stretched {
    margin-left: -1.8%;
    margin-right: -1.8%;
}

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

ul.nospace,
ol.nospace {
    list-style: none;
}

.nospace.spacing li {
    margin-bottom: 25px;
}

.nospace.spacing li:last-child {
    margin-bottom: 0;
}

.push10 {
    margin-bottom: 10px;
}

.push15 {
    margin-bottom: 15px;
}

.push20 {
    margin-bottom: 20px;
}

.push25 {
    margin-bottom: 25px;
}

.push30 {
    margin-bottom: 30px;
}

.push35 {
    margin-bottom: 35px;
}

.push40 {
    margin-bottom: 40px;
}

.push45 {
    margin-bottom: 45px;
}

.push50 {
    margin-bottom: 50px;
}

.push55 {
    margin-bottom: 55px;
}

.push60 {
    margin-bottom: 60px;
}

.push65 {
    margin-bottom: 65px;
}

.push70 {
    margin-bottom: 70px;
}

.push75 {
    margin-bottom: 75px;
}

.push80 {
    margin-bottom: 80px;
}

.push85 {
    margin-bottom: 85px;
}

.push90 {
    margin-bottom: 90px;
}

.push95 {
    margin-bottom: 95px;
}

.push100 {
    margin-bottom: 100px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad25 {
    padding: 25px;
}

.pad30 {
    padding: 30px;
}

.pad35 {
    padding: 35px;
}

.pad40 {
    padding: 40px;
}

.pad45 {
    padding: 45px;
}

.pad50 {
    padding: 50px;
}

.pad55 {
    padding: 55px;
}

.pad60 {
    padding: 60px;
}

.pad65 {
    padding: 65px;
}

.pad70 {
    padding: 70px;
}

.pad75 {
    padding: 75px;
}

.pad80 {
    padding: 80px;
}

.pad85 {
    padding: 85px;
}

.pad90 {
    padding: 90px;
}

.pad95 {
    padding: 95px;
}

.pad100 {
    padding: 100px;
}


/**********************************************************************
** Styles for: Results table (used for order search results table)(Sam)
**********************************************************************/

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

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

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

table.resultsTable th {
    font-size: 11px;
    color: #343434;
    font-weight: bold;
    border-bottom: 2px solid #666666;
    background: #E4E4E4;
    border: 1px solid #fff;
    padding: 2px;
}

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

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

table.narrow {
    width: 200px;
}

table.medium {
    width: 425px;
}


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

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

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


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


/* Buttons */

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

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

.activeButton:hover {
    background-color: #004b91;
}

.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;
}

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

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

.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;
}

.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;
}

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

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

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

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

.highlight.fullSizeButton:hover {
    background-color: #369B36;
}

.buttonTable {
    width: 98%;
}

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

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

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

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

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

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

.button.search {
    font-size: 1.2em;
    font-weight: normal;
    padding: 11px;
    border: none;
    width: 100%;
    background: #7fdbff;
    color: #fff;
    text-transform: none;
}

.button.clear_all {
    font-size: 1.2em;
    font-weight: normal;
    padding: 11px;
    border: none;
    width: 100%;
    background: #BFBFBF;
    color: #fff;
    text-transform: none;
}

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

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

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

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


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

#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;
}

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


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

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

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

.twoColumnSelectionSection input {
    float: left;
}

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

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

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

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

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

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

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

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

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


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

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

.templateCell a {
    float: none !important;
}

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

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

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

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

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


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

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


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

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

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

.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;
}

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

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

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

.label_displayElement_image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #004b91;
    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;
}

.label_hideElement_image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #004b91;
    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;
}

.label_displayElement_image:hover,
.label_hideElement_image:hover {
    background-color: #004b91;
}

.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;
}

.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;
}

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

.pageHeaderBar {
    background-color: #004b91;
    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%;
}

.pageHeaderSubBar {
    background-color: #004b91;
    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%;
}

.resultsViewBar {
    background-color: #343434;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    padding: 8px;
    width: 97%;
    margin-top: 10px;
}

.resultsViewPagination {
    float: left;
    margin-left: 10%;
}
.resultsViewPagination a {
    color:white;
}

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

.resultsViewTypeElement a {
    color: #EBEBEB;
}

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

.resultsViewTypeElement {
    color: #fff;
}

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

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

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

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

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

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

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

div.actionBox li {
    color: #fff;
}

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

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


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

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

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

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

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

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

#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;
}

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

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

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

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


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


/* Select */

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

.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;
}

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

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

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

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

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

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

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

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

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

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

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

.border-right {
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-right: 1pt solid #666666;
    display: inline;
    margin-right: 10px;
}

.border-left {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-left: 1pt solid #666666;
    display: inline;
}

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

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


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


/* Buttons */

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

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

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

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

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

.button.search {
    font-size: 1.2em;
    font-weight: normal;
    padding: 11px;
    border: none;
    width: 100%;
    background: #7fdbff;
    color: #fff;
    text-transform: none;
}

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

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

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

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

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


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

.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);
}

#sliderPreview {
    float: left;
}

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

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

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

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

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

#sliderButtonDiv a {
    text-decoration: none;
}

#sliderButtonDiv img {
    border: none;
}

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

.instructions {
    padding: 5px;
}

#lightBoxTitle {
    background-color: #0265A6;
    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;
}
*/

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

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

.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%;
}

.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%;
}

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

.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%;
}

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

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

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

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

.messagingError img {
    align: middle;
}

.browserWarning {
    background-color: #192D63;
    border: none;
    border-color: none;
    color: #fff;
    padding-top: 100px;
    margin-top: 0px;
    font-size: 20px;
}

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

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


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

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

#recipientItemInfo {
    margin-bottom: 40px;
}

#review_submitAndCancelButtons {
    padding-bottom: 10px;
}


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

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

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

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

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

.orderTypeCell2:hover {
    background-color: #004b91;
    cursor: pointer;
}

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

#orderProgress_nav_container {
    padding-top: 10px;
}


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

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

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

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

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

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

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

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

.adminMenuLinks {
    padding-bottom: 40px;
}

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


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

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

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

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

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

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

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

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

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

#review_recipients .pageHeaderBar,
#review_shipMethods .pageHeaderBar,
#review_orderComments .pageHeaderBar,
#chargeBackNumber .pageHeaderBar {
    padding-bottom: 5px;
    padding-top: 5px;
}


/*********************************************************************** * Styles for : Cart Page **********************************************************************/

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

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

.legal {
    font-size: 10px;
}

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


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

.updateIconImg {
    margin-bottom: 2px;
}

.removeIconImg {
    cursor: pointer;
}

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

.customizeButton:hover {
    background-color: #004b91;
}

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

.imgSliderClass {
    cursor: pointer;
}

.itemDetailSideBar {
    padding-top: 10px;
}

#submissionButton input {
    float: right;
}


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

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

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

.recentOrdersData {
    color: #343434;
}

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

#review_approveOrders {
    margin-top: 10px;
}

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


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

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

.newItemFlagDateDiv {
    margin-bottom: 20px;
}

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

#iacSelect {
    display: none;
}

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

.iacSelectDiv {
    display: table;
}

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

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

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

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

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

.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;
}

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

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

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

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

#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;
}

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

#addressBookSearchResultsDiv .buttonDivM {
    text-align: right;
    width: 100px;
    padding-left: 3px;
}

#bottom_content {
    margin: auto;
    padding: 15px 0 0;
}

.columns {
    float: left;
    margin-right: 10px;
    width: 218px;
}


/*  Tiles text setup  */

.fullTile {
    color: #fff;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    text-align: center;
    height: 230px;
}

.halfTile {
    color: #fff;
    font-size: 1.7em;
    font-weight: normal;
    margin: 0 7px 0 7px;
    text-align: center;
    height: 111px;
}

.halfTile_buttom {
    color: #fff;
    font-size: 1.7em;
    font-weight: normal;
    height: 111px;
    margin: 8px 7px 0 7px;
    text-align: center;
}

.thirdTile {
    color: #fff;
    font-size: 1.6em;
    font-weight: normal;
    height: 72px;
    margin: 0 3px 7px 0;
    text-align: center;
}

.fullTile p {
    margin: 1px;
    padding: 100px 0;
}

.thirdTile p {
    margin: 1px;
    padding: 26px 0;
}

.halfTile p,
.halfTile_buttom p {
    margin: 1px;
    padding: 46px 0;
}

#new_items {
    background: #4679BD url("../images/new_items.jpg") repeat scroll center;
    cursor: pointer;
}

#recent_orders {
    background: #FC9F02 url("../images/recent_orders.jpg") repeat scroll center;
    cursor: pointer;
}

#announcement {
    background: #6B5ACD url("../images/announcements.jpg") repeat scroll center;
    cursor: pointer;
}

#conference_order {
    background: #C2A884 url("../images/conference_order.jpg") repeat scroll center;
    cursor: pointer;
}

#saved_cart {
    background: #C2A884 url("../images/saved_cart.jpg") repeat scroll center;
    cursor: pointer;
}

#resource_center {
    background: #8D1036 url("../images/resource_center.jpg") repeat scroll center;
    cursor: pointer;
}

#help {
    background: #24B47B url("../images/help.jpg") repeat scroll center;
    cursor: pointer;
}

#expired_items {
    background: #8C6B4A url("../images/expired_items.jpg") repeat scroll center;
    margin: 0 0 0 4px;
    cursor: pointer;
}


/* 768px */

@media screen and (min-width: 616px) and (max-width: 800px) {
    .fullTile p {
        margin: 1px;
        padding: 100px 0;
        white-space: pre-wrap;
    }
    .thirdTile p {
        margin: 1px;
        padding: 26px 0;
        white-space: pre-wrap;
    }
    .halfTile p,
    .halfTile_buttom p {
        margin: 1px;
        padding: 46px 0;
        white-space: pre-wrap;
    }
    #bottom_content {
        margin: auto;
        padding: 11px 0 0;
    }
    #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.
*/

#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    border: 0;
    background-color: #000 !important;
}

#MB_overlay[id] {
    position: fixed;
}

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

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

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

#MB_window {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 225px;
    left: 0;
    border: 0 solid;
    text-align: center;
    z-index: 10000;
}

#MB_window[id] {
    position: relative;
}

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

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

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

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

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

#MB_close:hover {
    background: transparent;
}

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


/* Color scheme */

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

#MB_frame {
    padding-bottom: 4px;
}

#MB_header {
    background-color: #004b91;
}

#MB_caption {
    color: #fff;
}

#MB_close {
    color: #fff;
}

#MB_close:hover {
    color: #004b91;
}

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

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

#cancelBut.MB_but {
    width: 151px;
}

#deleteBut.MB_but {
    width: 151px;
}


/* Alert message */

.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) {
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        max-width: 960px;
        margin: 0 auto;
    }
    /*#topnav ul{display:none;} */
    form input[type="submit"] {
        margin-bottom: 10px;
    }
    #username,
    #password {
        width: 90%;
    }
    #newPassword,
    #oldPassword,
    #confirmPassword {
        width: 90%;
    }
    .calltoaction.opt4 div {
        display: block;
        float: none;
        width: 100%;
        margin: 30px 0 0 0;
    }
    .calltoaction.opt4 div:first-child {
        margin-top: 0;
        text-align: center;
    }
    .calltoaction.opt4 {
        font-size: 1.5em;
    }
    #fof {
        padding: 30px 0 0 0;
    }
    #fof h1 {
        margin-top: 0;
        font-size: 12em;
    }
    #fof h2 {
        margin-top: 0;
    }
    form input[type="submit"],
    form input[type="reset"] {
        padding: 5px 8px;
    }
    #header #header-contact {
        width: 45%;
    }
    .drop {
        width: 24px;
    }
    #sidebar_1 {
        background: none repeat scroll 0 0 #EBEBEB;
        margin-left: 0;
        width: 25%;
        margin-bottom: -3000px;
        padding-bottom: 3000px;
    }
    #container_info {
        font-size: 0.9em;
    }
    #mainContent {
        margin: 0 0 0 2%;
        width: 73%;
        margin-bottom: -3000px;
        padding-bottom: 3000px;
    }
    .accordion-wrapper .accordion-title,
    .toggle-wrapper .toggle-title {
        background-color: #7fdbff;
        background-image: url("../../images/plus-16x16.png");
    }
    .resultsViewPagination {
        float: left;
        margin-left: 0%;
    }
    #footerContact {
        float: left;
        padding: 0 30px 30px;
        border: none;
        width: 590px;
    }
    #footer .contact li,
    #footer .contact li a {
        width: 400px;
    }
    #footer .contact li,
    #footer .contact li a {
        color: #fff;
        font-size: 1.2em;
    }
    #footerAccount,
    #footerShop,
    #footerSupport {
        padding-left: 40px;
        width: 25%;
    }
    #footerShop {
        margin-left: 15px;
    }
    #footerSupport {
        margin-left: 10px;
    }
    #footerContact {
        margin-left: 10px;
    }
    #copyright {
        padding: 25px 0 15px;
    }
    .resultsViewTypes {
        color: #fff;
        float: left;
        margin-left: -5px;
    }
    .resultsViewSort {
        border: medium none;
        float: right;
        font-size: 11px;
        padding: 0;
    }
    .twoColumnSection {
        width: 45% !important;
    }
    .conventionFieldSet {
        float: left;
        margin-top: 0;
        padding: 10px 2px 10px 22px;
    }
    .label_form_checkboxtxt {
        /* style for label next to checkbox */
        display: inline-block;
        left: 4px;
        position: relative;
        top: 28px;
        width: 130px;
    }
    .searchResult_gridView_fiveColumnSection .column {
        display: inline;
        float: left;
        height: 130px;
        width: 22.5%;
    }
    .templateCell {
        font-size: 10px;
        margin: 2px 12px 40px;
        padding: 10px;
        position: relative;
        width: 218px;
    }
    #image_container {
        margin: 0 auto !important;
    }
    /*.templateCell a .customizeButton {margin:19px;}*/
    .column.templateCell {
        text-align: center;
    }
    #createTemplateForm #fileListId .resultsTable {
        margin: 0 20px 0 0 !important;
        width: 100% !important;
    }
    /* ----- tiles  ----- */
    #expired_items p {
        line-height: 30px;
        padding: 82px 0;
    }
    #resource_center p {
        line-height: 22px;
        padding: 12px 0;
    }
    #recent_orders p {
        line-height: 23px;
        padding: 33px 0;
    }
    #announcement p {
        font-size: 21px;
    }
}


/* 960px */

@media screen and (min-width: 960px) {
    body.boxed .wrapper {
        width: 960px;
    }
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        width: 100%;
        margin: 0 auto;
    }
    #header #header-contact {
        width: 37%;
    }
}


/* 1028px */

@media screen and (min-width: 1028px) {
    body.boxed .wrapper {
        width: 960px;
    }
    #header,
    #intro,
    #container,
    #footer,
    #copyright {
        width: 960px;
        margin: 0 auto;
    }
    #header #header-contact {
        width: 37%;
    }
}


/* 1200px */

@media screen and (min-width: 1200px) {
    body.boxed .wrapper {
        width: 960px;
    }
    #header,
    #intro,
    #container,
    #footer,
    #copyright,
    .stretched {
        width: 960px;
        margin: 0 auto;
    }
    #header #header-contact {
        width: 37%;
    }
}


/* Hide The Jquery Generated Navigation Form from 801px upwards */

@media screen and (min-width: 801px) and (max-width: 10000px) {
    body.boxed .wrapper {
        width: 960px;
    }
    #intro,
    #container,
    #footer,
    #copyright,
    .stretched {
        width: 100%;
        margin: 0 auto;
    }
    #header #header-contact {
        width: 40%;
    }
}


/* Resize Extended Box */

@media screen and (min-width: 1501px) {
    body.boxed .wrapper {
        width: 960px;
    }
}

.helpQuickFlip {
    height: 77px;
    width: 240px;
}

.recentOrdersQuickFlip {
    height: 115px;
    width: 240px !important;
}

.quickFlipCta {
    cursor: pointer;
}


/**********************************************************************
** Home page - quick flips
**********************************************************************/

.help_flip {
    height: 77px;
    width: 236px !important;
    background-color: #BACDDB;
    /*padding-top:10px;*/
    text-align: center;
}

.recent_orders_flip {
    height: 115px;
    width: 224px !important;
    background-color: #BACDDB;
    left: 9px !important;
}

#switchIcon {
    float: right;
    /* padding-right:5px;*/
    font-color: white;
}

.recentOrdersTileData {
    width: 80%;
    border-collapse: separate;
    font-size: 10px;
    color: #343434;
}

table.recentOrdersTileData {
    padding: 0px;
    margin: 0;
    line-height: 1.4em;
}


/*! http://responsiveslides.com v1.53 by @viljamis */

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/* Theme */

.rslides_container {
    display: block;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0 0;
    position: relative;
    width: 99.5%;
}

.rslides {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
}

.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;
}

.centered-btns_nav:active {
    opacity: 1.0;
}

.centered-btns_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}

.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%;
}

.transparent-btns_nav.next {
    left: auto;
    right: 0;
}

.centered-btns1_on a {
    bottom: 90px;
    color: #000000;
    font-size: 30px;
    left: 40%;
    position: relative;
}

.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;
}

.large-btns_nav:active {
    opacity: 1.0;
}

.large-btns_nav.next {
    left: auto;
    background-position: right 50%;
    right: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
    outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    margin-top: 10px;
    text-align: center;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px;
}

.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;
}

.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) {
    .rslides_container {
        display: block;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        padding: 11px 0 0;
        position: relative;
        width: 98.8%;
    }
}


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.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;
}

.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;
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px;
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px;
}

.reveal-modal.large {
    width: 500px;
    margin-left: -240px;
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px;
}

.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;
}

.reval-modal-content {
    color: #343434;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.reval-modal-content.small {
    color: #343434;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}


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


/*TAB SORTER */

body {
    font-family: Arial, Helvetica, sans-serif;
}

.prototools-table {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 11px;
}

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

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

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

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

.prototools-table td,
.prototools-table th {
    padding: 6px;
}

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

.prototools-table tr.line1 {
    background-color: #F4F4F4;
}

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

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

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

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

div.prototools-options {
    border: 1px solid #E1E1E1;
    font-size: 11px;
    padding: 5px 7px;
}

div.prototools-options input,
div.prototools-options select {
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 1px 3px;
    margin: 0 5px;
}

div.prototools-pager {
    border: 1px solid #E1E1E1;
    font-size: 11px;
    padding: 5px 7px;
    text-align: right;
}

div.prototools-pager .currentpage {
    padding-left: 10px;
    padding-right: 10px;
}

div.prototools-pager .totalpages {
    padding: 0;
}

div.prototools-pager input {
    border: 1px solid #E1E1E1;
    font-size: 11px;
    margin: 0 3px;
}

div.prototools-search {
    border: 1px solid #E1E1E1;
    font-size: 11px;
    padding: 5px 7px;
}

div.prototools-search input {
    border: 1px solid #E1E1E1;
    font-size: 11px;
    margin: 0 3px;
}

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

.calltoaction {
    display: block;
    padding: 30px;
    text-transform: uppercase;
    font-size: 1em;
    color: #000000;
    background-color: #EFEFEF;
}

#container .calltoaction h1 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 2.5em;
    text-transform: uppercase;
}

.calltoaction p {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    text-transform: none;
}

.calltoaction .button {
    display: block;
    text-align: center;
    line-height: 1.4em;
}

.calltoaction.opt1 {
    border: solid #FF9900;
    border-width: 0 0 0 5px;
}

.calltoaction.opt2 {
    border: solid #FF9900;
    border-width: 0 5px 0 0;
}

.calltoaction.opt3 {
    border: solid #FF9900;
    border-width: 0 5px;
}

.calltoaction.opt4 {
    border: solid #FF9900;
    border-width: 2px 0;
    font-size: 1.8em;
}

#container .calltoaction.opt4 h1 {
    margin: 15px 0 0 0;
}


/* Lists - For ul + ol */

.list {
    margin: 10px 0;
    padding: 0;
    list-style-position: inside;
}

.list.indent {
    margin-left: 20px;
}

.list li {
    margin: 6px 0 0 0;
    padding: 0;
}

.list li:first-child {
    margin: 0;
}

.list li > ul,
.list li > ol {
    margin: 8px 0 8px 30px;
}

.list.disc {
    list-style-type: disc;
}

.list.roman {
    list-style-type: upper-roman;
}

.list.alpha {
    list-style-type: upper-alpha;
}

.list.decimal {
    list-style-type: decimal;
}

.list.circle {
    list-style-type: circle;
}

.list.none,
.list.block,
.list.tick,
.list.arrow,
.list.tagcloud,
.list.underline {
    list-style-type: none;
}

.list.block li > ul,
.list.block li > ol {
    padding: 0 0 0 10px;
    list-style: none;
    border-left: 1px solid #CCCCCC;
}

.list.tick li,
.list.arrow li {
    padding-left: 22px;
    background: no-repeat 0 2px;
}

.list.tick li {
    background-image: url("../images/icons/gemicon/tick-16x16.png");
}

.list.arrow li {
    background-image: url("../images/icons/gemicon/arrow-16x16.png");
}

.list.underline li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E4E3;
}

.list.underline li:last-child {
    margin-bottom: 0;
}

.list.tagcloud li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.list.tagcloud li a {
    display: block;
    padding: 4px 10px;
    color: #fff;
    background-color: #A8A8A8;
    text-transform: capitalize;
}

.list.tagcloud li a:hover {
    color: #fff;
    background-color: #FF9900;
}


/* Base Colours */

.blue {
    color: #56AED4;
}

.green {
    color: #C0E079;
}

.grey {
    color: #A8A8A8;
}

.dkgrey {
    color: #333333;
}

.orange {
    color: #FF9900;
}

.purple {
    color: #9F81A9;
}

.red {
    color: #D54346;
}

.yellow {
    color: #FDE803;
}

.white {
    color: #fff;
}

.bg_blue {
    color: #fff;
    background-color: #56AED4;
}

.bg_green {
    color: #fff;
    background-color: #C0E079;
}

.bg_grey {
    color: #fff;
    background-color: #A8A8A8;
}

.bg_dkgrey {
    color: #fff;
    background-color: #333333;
}

.bg_orange {
    color: #fff;
    background-color: #FF9900;
}

.bg_purple {
    color: #fff;
    background-color: #9F81A9;
}

.bg_red {
    color: #fff;
    background-color: #D54346;
}

.bg_yellow {
    color: #666666;
    background-color: #FDE803;
}


/* Dividers */

.divider1,
.divider2,
.divider3 {
    display: block;
    width: 100%;
    height: 20px;
    margin: 30px 0;
    padding: 0;
    border-top: 1px #D6D6D6;
    clear: both;
}

.divider1 {
    border-top-style: solid;
}

.divider2 {
    border-top-style: dotted;
}

.divider3 {
    border-top-style: dashed;
}


/* Buttons */

.button {
    display: inline-block;
    border: 1px solid;
    font-weight: bold;
    text-transform: uppercase;
}

.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;
}

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

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

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

.button.search {
    font-size: 1.2em;
    font-weight: normal;
    padding: 11px;
    border: none;
    width: 100%;
    background: #7fdbff;
    color: #fff;
    text-transform: none;
}

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

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

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

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

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

.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%);
}

.button.green {
    color: #fff;
    background-color: #C0E079;
    border-color: #98BA55;
}

.button.green:hover {
    color: #7C9B41;
    background-color: #98BA55;
    border-color: #7C9B41;
}

.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%);
}

.button.grey {
    color: #fff;
    background-color: #A8A8A8;
    border-color: #333333;
}

.button.grey:hover {
    color: #666666;
    background-color: #C9C9C9;
    border-color: #666666;
}

.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%);
}

.button.orange {
    color: #fff;
    background-color: #FF9900;
    border-color: #CC7500;
}

.button.orange:hover {
    color: #FF9900;
    background-color: #A66000;
    border-color: #FF9900;
}

.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%);
}

.button.purple {
    color: #fff;
    background-color: #9F81A9;
    border-color: #74557D;
}

.button.purple:hover {
    color: #9F81A9;
    background-color: #48344E;
    border-color: #9F81A9;
}

.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%);
}

.button.red {
    color: #fff;
    background-color: #D54346;
    border-color: #AC2629;
}

.button.red:hover {
    color: #D54346;
    background-color: #7A1B1D;
    border-color: #D54346;
}

.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%);
}

.button.yellow {
    color: #333333;
    background-color: #FDE803;
    border-color: #FDC703;
}

.button.yellow:hover {
    color: #FDE803;
    background-color: #D2A402;
    border-color: #FDE803;
}

.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%);
}

.button.black {
    color: #fff;
    background-color: #000000;
    border-color: #999999;
}

.button.black:hover {
    color: #666666;
    background-color: #232323;
    border-color: #000000;
}

.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%);
}

.button.white {
    color: #666666;
    background-color: #fff;
    border-color: #A8A8A8;
}

.button.white:hover {
    color: #333333;
    background-color: #EFEFEF;
    border-color: #000000;
}

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

.alert-msg {
    display: block;
    position: relative;
    margin: 15px 0;
    padding: 15px 40px 15px 20px;
    border: 1px solid #F00000;
    color: inherit;
}

.alert-msg a {
    background-color: transparent;
}

.alert-msg.info {
    border-color: #A8A8A8;
}

.alert-msg.warning {
    background-color: #FEE794;
    border-color: #FDC703;
}

.alert-msg.success {
    background-color: #C2E4CD;
    border-color: #76C38F;
}

.alert-msg.error {
    background-color: #F3CBCC;
    border-color: #D54346;
}

.alert-msg .close {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #999999;
    font-weight: bold;
    font-size: 1.4em;
}


/* Jquery Accordion + Jquery Toggle */

.accordion-wrapper,
.toggle-wrapper {
    display: block;
    width: 100%;
    margin-top: 10px;
    background: none repeat scroll 0 0 #fff;
}

.accordion-wrapper:first-child,
.toggle-wrapper:first-child {
    margin-top: 0;
}

.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;
}

.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;
}

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

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

.accordion-wrapper .accordion-content,
.toggle-wrapper .toggle-content {
    display: none;
    padding: 1px 8px;
    background-color: #8BCCE4;
    color: #000;
}


/* Jquery Tabs */

.tab-wrapper {
    display: block;
    width: 100%;
}

.tab-wrapper .tab-nav {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-wrapper .tab-nav li {
    display: inline-block;
    float: left;
    margin: 0 -1px -1px 0;
}

.tab-wrapper .tab-nav li a {
    display: block;
    padding: 10px 20px;
    border: 1px solid #E5E4E3;
}

.tab-wrapper .tab-nav li a:hover,
.tab-wrapper .tab-nav li.ui-tabs-active a {
    color: #919191;
}

.tab-wrapper .tab-nav li.ui-tabs-active a {
    border-bottom-color: #fff;
    cursor: default;
}

.tab-wrapper .tab-container {
    display: block;
    padding: 20px 25px 15px 25px;
    border: 1px solid #E5E4E3;
}


/* Jquery Tabs + Rounded Corners */

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

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

.tab-wrapper.tab-opt2 div {
    margin-bottom: 0;
}

.tab-wrapper.tab-opt2 .tab-nav li {
    display: block;
    float: none;
    margin: 0 0 15px 0;
}

.tab-wrapper.tab-opt2 .tab-nav li a {
    display: block;
    padding: 10px 20px 10px 0;
    border: none;
    border-bottom: 1px solid #E5E4E3;
}

.tab-wrapper.tab-opt2 .tab-nav li.ui-tabs-active a {
    background: url("../images/icons/gemicon/arrow-16x16.png") right center no-repeat;
}

.tab-wrapper.tab-opt2 .tab-container {
    margin-bottom: 0;
    padding: 20px 0 0 0;
    border: none;
}


/* Pricing Tables */

.pricingtable-wrapper {
    text-align: center;
    line-height: normal;
    border: 1px solid #E5E4E3;
}

.pricingtable-wrapper .pricingtable {
    display: block;
}

#container .pricingtable-title h2 {
    margin: 0;
    padding: 20px 5px;
    text-transform: capitalize;
}

.pricingtable-wrapper .pricingtable .pricingtable-list ul {
    margin: 0;
    padding: 0 25px;
    list-style: none;
}

.pricingtable-wrapper .pricingtable .pricingtable-list ul li {
    padding: 10px 5px;
    border: solid #E5E4E3;
    border-width: 1px 0 0 0;
}

.pricingtable-wrapper .pricingtable .pricingtable-list ul li:first-child {
    border: none;
}

.pricingtable-wrapper .pricingtable .pricingtable-price {
    padding: 15px 5px;
    font-size: 2.5em;
}

.pricingtable-wrapper .pricingtable .pricingtable-price sup {
    font-size: .3em;
}

.pricingtable-wrapper .pricingtable .pricingtable-price span {
    display: block;
    margin: -5px 0 0 0;
    font-size: .3em;
}

.pricingtable-wrapper .pricingtable .pricingtable-signup {
    padding: 10px;
}

.pricingtable-wrapper .pricingtable .pricingtable-signup a {
    display: block;
}

.pricingtable-wrapper .pricingtable .pricingtable-title,
.pricingtable-wrapper .pricingtable .pricingtable-price {
    color: #333333;
    background-color: #EEEEEE;
}

.pricingtable-wrapper.opt2 {
    padding: 10px 10px 0 10px;
    border: 5px solid #E5E4E3;
}


/* Pricing Tables + Rounded Corners */

.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;
}

.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;
}

.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;
}

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

.skillset ul li {
    margin: 8px 0 0 0;
}

.skillset ul li:first-child {
    margin-top: 0;
}

.skillset ul li div {
    display: block;
    margin: 5px 0 0 0;
    padding: 3px;
    color: #333333;
    background-color: #E2E2E2;
}

.skillset ul li strong {
    display: block;
    padding: 5px 8px;
    color: #fff;
    background-color: #333333;
    font-weight: normal;
    line-height: normal;
}

.skillset ul li.size-20 strong {
    width: 16.5%;
}

.skillset ul li.size-25 strong {
    width: 21.5%;
}

.skillset ul li.size-30 strong {
    width: 26.5%;
}

.skillset ul li.size-35 strong {
    width: 31.5%;
}

.skillset ul li.size-40 strong {
    width: 36.5%;
}

.skillset ul li.size-45 strong {
    width: 41.5%;
}

.skillset ul li.size-50 strong {
    width: 46.5%;
}

.skillset ul li.size-55 strong {
    width: 51.5%;
}

.skillset ul li.size-60 strong {
    width: 56.5%;
}

.skillset ul li.size-65 strong {
    width: 61.5%;
}

.skillset ul li.size-70 strong {
    width: 66.5%;
}

.skillset ul li.size-75 strong {
    width: 71.5%;
}

.skillset ul li.size-80 strong {
    width: 76.5%;
}

.skillset ul li.size-85 strong {
    width: 81.5%;
}

.skillset ul li.size-90 strong {
    width: 86.5%;
}

.skillset ul li.size-95 strong {
    width: 91.5%;
}

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

.icon-6x {
    font-size: 6em;
}

.icon-8x {
    font-size: 8em;
}

.icon-10x {
    font-size: 10em;
}


/* Show Text */

.showtext {
    display: block;
    position: relative;
    text-align: center;
}

.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);
}

.showtext:hover .caption,
.showtext:hover .caption span {
    display: block;
}


/* General Rounded Corners */

.rnd5,
.list.tagcloud.rnd5 a,
form.rnd5 input,
form.rnd5 textarea {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.rnd8,
.list.tagcloud.rnd8 a,
form.rnd8 input,
form.rnd8 textarea {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.rnd10,
.list.tagcloud.rnd10 a,
form.rnd10 input,
form.rnd10 textarea {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rnd12,
.list.tagcloud.rnd12 a,
form.rnd12 input,
form.rnd12 textarea {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}