/*
TABLE OF CONTENTS
00 PAGE STYLING (REMOVABLE)
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
   3. Mega Menu Carousel Buttons
02 DROP DOWN CONTAINER
03 DROP DOWN SCROLLBARS
04 COLUMNS GRID
05 CONTENT & TYPOGRAPHY
   1. Basic Typography 
   2. Lists
   3. Paragraphs with Icons 
   4. Paragraphs with borders 
   5. Tables
   6. Inline Images 
06 DROP DOWN TABS
07 CONTACT FORM
*/
/*  _______________________________________
    01 MENU BAR
    _______________________________________  */
/* 1. Mega Menu Bar */
/*
.megamenu_container {
    width:770px;
	height:44px;
	margin:0 auto;
	position:relative;
	z-index:2;
	background-color: #000;
	border-top:solid 1px #000;
}
*/
.megamenu_container {
    font-size: 12px;
    height: 44px;
    left: -5px;
    margin: 0 auto;
    position: absolute;
    top: 84px;
    width: 650px;
    z-index: 100;
	/*display:none;*/
}

.megamenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.megamenu > li {
    display: inline;
    border: none;
    margin: 0;
    /*border-right: solid 1px #454545;
    border-left: solid 1px #242424;*/
    background-color: transparent;
    padding: 13px 13px 15px 15px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.megamenu_fixed .megamenu > li {
    padding: 15px 0 15px 10px;
}

.megamenu > li:hover {
}

.megamenu > li.active {
    background-color: #fff;
    border-bottom: solid 1px #fff;
	background-image:none;
}

.megamenu > li.active > span {
    color: #555;
    text-shadow: none;
}

.megamenu li.noactive {
    background: none;
}

.megamenu_container .megamenu > li:first-child {
}

.megamenu_fixed .megamenu > li:first-child,.megamenu_carousel .megamenu > li:first-child {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    border-left: none;
}

.megamenu > li:last-child {
    /*
	-webkit-box-shadow: 1px 0 0 #242424;
    -moz-box-shadow: 1px 0 0 #242424;
    -o-box-shadow: 1px 0 0 #242424;
    box-shadow: 1px 0 0 #242424;
	*/
}

.megamenu > li a {
    text-decoration: none;
    color: #555;
    list-style-type: none;
	border-bottom: none;
}

.megamenu > li a:hover {
    color: #000;
    text-decoration: ;
}

.megamenu > li span a {
}

.megamenu > li a:focus {
    outline: none;
}

.megamenu > li .drop,.megamenu > li .nodrop {
    font-size: 12px;
    line-height: 44px;
    text-transform: uppercase;
    outline: 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}

.megamenu > li .drop {
    background-repeat: no-repeat;
    background-position: right 18px;
    padding: 14px 20px 5px 0;
}

.megamenu > li .nodrop {
    padding: 14px 5px 20px 0;
}

.megamenu > li .drop:hover,.megamenu > li .nodrop:hover {
    cursor: pointer;
}

.megamenu li.megamenu_button {
    display: none;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    background-color: transparent;
}

.megamenu li.megamenu_button_active {
    background-color: #000;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.megamenu li.megamenu_button span {
    background-image: url(//assets.fellowes.com/images/site/menu-down.png);
    background-repeat: no-repeat;
    background-position: 98% 17px;
    padding: 12px 20px 12px 0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.megamenu li.megamenu_button_active span {
    background-image: url(../img/up.png);
    background-position: 98% 16px;
}

/* 2. Mega Menu Trigger Button */
#megamenu_trigger {
    position: fixed;
    z-index: 2;
    margin: 0 auto;
    left: 50%;
    margin-left: 510px;
    top: 0;
    width: 35px;
    height: 46px;
    background: url(../img/button_up.png) right no-repeat #121212;
    display: block;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#megamenu_trigger.active {
    background: url(../img/button_down.png) right no-repeat #121212;
}

/* 3. Mega Menu Carousel Buttons */
.megamenu_carousel_frame {
    width: 100%;
    overflow: hidden;
    height: 45px;
}

.megamenu_carousel_prev,.megamenu_carousel_next {
    display: block;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.megamenu_carousel_prev:hover,.megamenu_carousel_next:hover {
    cursor: pointer;
}

.megamenu_carousel_prev {
    background: url(../img/previous.png) no-repeat;
    left: -15px;
}

.megamenu_carousel_next {
    background: url(../img/next.png) no-repeat;
    right: -15px;
}

/*  _______________________________________
    02 DROP DOWN CONTAINER
    _______________________________________  */
.megamenu > li .megamenu_fullwidth {
/*position:absolute;*/
    top: 43px;
    left: -9999em;
    z-index: 9998;
    float: left;
    width: 966px;
    margin: 0;
    padding: 0;
    /*border: solid 1px #f5bd00;*/
    /*background: #fff;*/
	display: none; /*Initial Load*/
	/*
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	*/
}

.megamenu_push .megamenu > li .megamenu_fullwidth {
    position: relative;
    top: 5px;
}

.megamenu > li:hover .megamenu_fullwidth {
    left: 0;
}

/*  _______________________________________
    03 DROP DOWN SCROLLBARS
    _______________________________________  */
.megamenu > li .megamenu_scrollbars {
    width: 980px;
    height: 540px;
}

.megamenu_scrollbars .megamenu_scroller_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.megamenu_scrollbars .megamenu_scroller_container .megamenu_scroll_area {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.megamenu_scrollbars .megamenu_scroller_container .pane {
    background: #F4F4F4;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    position: absolute;
    width: 1px;
    right: 8px;
    top: 0;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.megamenu_scrollbars .megamenu_scroller_container .pane .slider {
    background: #CCC;
    width: 5px;
    position: relative;
    margin-left: -2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.megamenu_scrollbars .megamenu_scroller_container .pane .slider:hover {
    cursor: pointer;
}

.megamenu_scrollbars .megamenu_scroller_container:hover .pane,.megamenu_scrollbars .pane.active {
    visibility: visible;
}

/*  _______________________________________
    04 COLUMNS GRID
    _______________________________________  */
.megamenu .col_1,.megamenu .col_2,.megamenu .col_3,.megamenu .col_4,.megamenu .col_5,.megamenu .col_6,.megamenu .col_7,.megamenu .col_8,.megamenu .col_9,.megamenu .col_10,.megamenu .col_11,.megamenu .col_12 {
    float: left;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.megamenu .col_1 {
    width: 50px;
}

.megamenu .col_2 {
    width: 130px;
}

.megamenu .col_3 {
    width: 210px;
}

.megamenu .col_4 {
    width: 290px;
}

.megamenu .col_5 {
    width: 370px;
}

.megamenu .col_6 {
    width: 450px;
}

.megamenu .col_7 {
    width: 530px;
}

.megamenu .col_8 {
    width: 610px;
}

.megamenu .col_9 {
    width: 690px;
}

.megamenu .col_10 {
    width: 770px;
}

.megamenu .col_11 {
    width: 850px;
}

.megamenu .col_12 {
    width: 966px;
    /*padding: 10px 0;*/
    /*font-family: 'PT Sans',sans-serif;*/
}

.megamenu .col_nomargins {
    margin: 0;
}

.megamenu .col_nomargin_left {
    margin-left: 0;
}

.megamenu .col_nomargin_right {
    margin-right: 0;
}

.megamenu .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 18px;
}

/*  _______________________________________
    05 CONTENT & TYPOGRAPHY
    _______________________________________  */
/* 1. Basic Typography */
.megamenu .black_bg {
}

.megamenu p,.megamenu h1,.megamenu h2,.megamenu h3,.megamenu h4,.megamenu h5,.megamenu h6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #555;
    margin-bottom: 5px;
}

.megamenu p {
    font-size: 11px;
	padding-left:10px;
}

.megamenu h1 {
    font-size: 32px;
}

.megamenu h2 {
    font-size: 28px;
}

.megamenu h3 {
    font-size: 24px;
}

.megamenu h4 {
    font-size: 18px;
}

.megamenu h5 {
    font-size: 16px;
}

.megamenu h6 {
    font-size: 14px;
    text-transform: uppercase;
}

/* 2. Lists */
.megamenu > li ul,.megamenu > li ol {
    padding: 0 0 0 18px;
    margin: 0 0 18px;
}

.megamenu > li ul {
    list-style: disc;
}

.megamenu > li ol {
    list-style: decimal;
}

.megamenu > li ul li,.megamenu > li ol li {
    font-size: 12px;
    line-height: 22px;
    position: relative;
    color: #555;
}

/* 3. Paragraphs with Icons */
.megamenu .calendar,.megamenu .note,.megamenu .help,.megamenu .delete,.megamenu .favorite,.megamenu .lock,.megamenu .archive,.megamenu .briefcase,.megamenu .search,.megamenu .user {
    padding-left: 36px;
    margin-bottom: 18px;
}

.megamenu .calendar {
    background: url(../img/icons/calendar.png) no-repeat 0 4px;
}

.megamenu .note {
    background: url(../img/icons/note.png) no-repeat 0 5px;
}

.megamenu .archive {
    background: url(../img/icons/archive.png) no-repeat 0 4px;
}

.megamenu .search {
    background: url(../img/icons/search.png) no-repeat 0 4px;
}

.megamenu .help {
    background: url(../img/icons/help.png) no-repeat 0 4px;
}

.megamenu .delete {
    background: url(../img/icons/delete.png) no-repeat 0 5px;
}

.megamenu .favorite {
    background: url(../img/icons/favorite.png) no-repeat 0 4px;
}

.megamenu .lock {
    background: url(../img/icons/lock.png) no-repeat 0 4px;
}

.megamenu .briefcase {
    background: url(../img/icons/briefcase.png) no-repeat 0 5px;
}

.megamenu .user {
    background: url(../img/icons/user.png) no-repeat 0 4px;
}

/* 4. Paragraphs with borders */
.megamenu .dark,.megamenu .brown,.megamenu .yellow,.megamenu .red,.megamenu .blue,.megamenu .green {
    padding-left: 15px;
    color: #ccc;
    margin-bottom: 18px;
}

.megamenu .dark {
    border-left: #3B3B3B solid 7px;
}

.megamenu .brown {
    border-left: #8D8767 solid 7px;
}

.megamenu .yellow {
    border-left: #DBA742 solid 7px;
}

.megamenu .red {
    border-left: #C05D48 solid 7px;
}

.megamenu .blue {
    border-left: #52878B solid 7px;
}

.megamenu .green {
    border-left: #B0BD85 solid 7px;
}

.megamenu .table_light,.megamenu .table_dark {
    width: 100%;
    padding: 0;
    margin: 6px 0 18px;
    font-size: 12px;
}

/* 5. Tables */
.megamenu table {
    border-spacing: 0;
    border-collapse: collapse;
}

.megamenu .table_light th,.megamenu .table_dark th {
    text-align: left;
    padding: 12px 9px;
    font-weight: 700;
    font-size: 12px;
}

.megamenu .table_light {
    border: 1px solid #cbcbcb;
    border-bottom: none;
}

.megamenu .table_light th {
    color: #3A3A3A;
    border-bottom: 1px solid #cbcbcb;
    background: #F5F5F5;
}

.megamenu .table_light td {
    border-bottom: 1px solid #cbcbcb;
    background: #fff;
    padding: 12px 9px;
    color: #888;
}

.megamenu .table_dark {
    border: 1px solid #000;
    border-bottom: none;
}

.megamenu .table_dark th {
    color: #FFF;
    border-bottom: 1px solid #000;
    background: #0D0D0D;
}

.megamenu .table_dark td {
    border-bottom: 1px solid #000;
    background: #0F0F0F;
    padding: 12px 9px;
    color: #DDD;
}

/* 6. Inline Images */
.megamenu img {
    border: none;
}

.megamenu .inline_img {
    border: 1px solid #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    padding: 4px;
    background: #F4F4F4;
    margin-bottom: 18px;
}

.megamenu .megamenu_fullwidth .img_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.megamenu .megamenu_fullwidth .img_list li {
    float: left;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.megamenu iframe {
    border: none;
}

/*  _______________________________________
    06 DROP DOWN TABS
    _______________________________________  */
.megamenu_tabs .megamenu_tabs_panels {
    margin: 0 0 15px;
}

.megamenu_tabs ul {
    list-style: none;
}

.megamenu_tabs_hide {
    position: relative;
    left: 0;
    top: 0;
    display: none;
}

.megamenu_tabs .megamenu_tabs_nav {
    width: 100%;
    float: left;
    height: 30px;
    margin: 18px 0;
}

.megamenu_tabs .megamenu_tabs_nav li {
    display: inline;
    float: left;
    width: auto;
    white-space: nowrap;
    margin-right: 20px;
}

.megamenu_tabs .megamenu_tabs_nav li a {
    border: 1px solid #000;
    color: #fff;
    position: relative;
    float: left;
    background-color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 1px #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    font: bold 11px Sans-Serif;
    text-transform: none;
    padding: 7px 12px;
    margin: 0;
    background-image: 0;
    background-image: 0;
    background-image: 0;
    background-image: 0;
    background-image: linear-gradient(transparent,rgba(0,0,0,0.2));
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
}

.megamenu_tabs li a.current,.megamenu_tabs li a.current:hover {
    background-color: #1A1A1A;
    top: 1px;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    -o-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}

.megamenu_tabs .megamenu_tabs_nav li a:hover,.megamenu_tabs .megamenu_tabs_nav li a:focus {
    background-color: #1A1A1A;
}

/*  _______________________________________
    07 CONTACT FORM
    _______________________________________  */
.megamenu .contact_form {
    display: block;
    margin-bottom: 10px;
}

.megamenu .contact_form label {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #000;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
}

.megamenu .form_element {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 280px;
    padding: 6px;
    margin: 12px 0 18px;
    color: #000;
    background-color: #E8E8E8;
    border: 1px solid #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.megamenu .form_element:hover {
    background-color: #F4F4F4;
    -webkit-box-shadow: 0 3px 3px #000;
    -moz-box-shadow: 0 3px 3px #000;
    -o-box-shadow: 0 3px 3px #000;
    box-shadow: 0 3px 3px #000;
}

.megamenu .form_element:focus {
    background-color: #FFF;
    outline: none;
}

.megamenu .contact_form textarea {
    height: 120px;
    resize: none;
}

.megamenu .contact_form .required {
    color: #C00;
}

.megamenu .contact_form .special {
    display: none;
}

.megamenu .contact_form .error,.megamenu .contact_form .sent {
    font-size: 11px;
    padding: 3px 6px;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.megamenu .contact_form .error {
    background: #f7cac4;
    color: #992213;
}

.megamenu .contact_form .sent {
    background: #d8f6bc;
    color: #2f530b;
}

.megamenu .contact_form .button {
    border: 1px solid #000;
    color: #fff;
    background-color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 1px #000;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 1px #000;
    -o-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    font: bold 11px Sans-Serif;
    padding: 7px 12px;
    margin: 9px 12px 0 0;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
    background-image: 0;
    background-image: 0;
    background-image: 0;
    background-image: 0;
    background-image: linear-gradient(transparent,rgba(0,0,0,0.2));
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
}

.megamenu .contact_form .button:hover,.megamenu .contact_form .button:focus {
    color: #fff;
    background-color: #1A1A1A;
}

.megamenu .contact_form .button:active {
    position: relative;
    top: 1px;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    -o-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}