﻿/*** WELCOME

-- COLOURS

Blue = 199dbf (Links/Buttons)
Grey = f5f5f5 (Borders and Panel Nav BG)

Accent colours
Dark Blue = 064164
Yellow = f3bc18
Red = e85e5d


================================================== */
/** font faces **/

@font-face {
  font-family: 'Raleway Light';
  src: url('/Fonts/raleway-light-webfont.eot?') format('eot'), url('/Fonts/raleway-light-webfont.woff') format('woff'), url('/Fonts/raleway-light-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway Bold';
  src: url('/Fonts/raleway-bold-webfont.eot?') format('eot'), url('/Fonts/raleway-bold-webfont.woff') format('woff'), url('/Fonts/raleway-bold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway Medium';
  src: url('/Fonts/raleway-medium-webfont.eot?') format('eot'), url('/Fonts/raleway-medium-webfont.woff') format('woff'), url('/Fonts/raleway-medium-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway Regular';
  src: url('/Fonts/raleway-regular-webfont.eot?') format('eot'), url('/Fonts/raleway-regular-webfont.woff') format('woff'), url('/Fonts/raleway-regular-webfont.ttf') format('truetype');
}




/*** RESETS
================================================== */

* { padding:0; margin:0; }
html{color:#404040;background:#ffffff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
*{background-repeat:no-repeat;}

body 
{
	margin: 0;
	text-align: center;
	padding:0;
	font-family: 'Raleway Regular', Arial, sans serif;
	font-size:1em;
	color: #404040;
	background-color:#fff;
}

/*** USEFUL
================================================== */

html { min-height: 101%;}  /* FireFox Page-Shift Fix */
.clear {clear: both;}
.clear_fusion {clear: both;line-height: 1px;height: 1px;font-size: 1px;}
.float_left {float:left;}
.float_right {float:right;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.img_left {float: left; margin: 0 15px 5px 0;}
.img_right {float: right; margin: 0 0 5px 15px;}
.vertical_align {display: inline;vertical-align: middle;}
.vertical_align_all * {display: inline;vertical-align: middle;}
a img {border: 0px none;}
img{border:0px none;}
.mobile_only {display: none !important;}

iframe
{
    background-image: url(/AppImages/loading.gif);
    background-position: center 40px;
}
iframe.loaded
{
    background-image: none;
}

/** tiny mce styles **/
.image_left
{
    float:left;
	margin:10px 25px 25px 0;
}
.image_right
{
    float:left;
	margin:10px 0 25px 25px;
}
.content_table td
{
    border:0px none;    
}
.highlighted
{
}
.FreezePaneOn
{
    background-image: none;
    padding-top:50%;
}
.InnerFreezePane
{
    background-image: none;
    background-color: #fff;
    border-radius:0;
    border:1px solid #ddd;
    color:#333;
}

/*** TYPOGRAPHY/CONTENT
================================================== */

/** 
base font size = 1em (16px)
line height = 1.5em / font size
bottom margin = line height

**/

a
{
	text-decoration:none;
	font-weight:bold;
	color:#199dbf;
}


h1,h2,h3,h4,h5,h6
{
	clear:both;
	font-weight: normal;
}

h1 	
{
    font-size:2.5625em; /* 41px */
    line-height:1.22em; /* 50px */
    margin-bottom:0.537em; /* 22px */
    padding: 0;  
	font-family: 'Raleway Light', Arial, sans serif;
}
h2,
.block_callout .title
{
    font-size:1.5em; /* 24px */
    line-height:1.292em;
    margin-bottom:0.85em;
    padding: 0; 
	font-family: 'Raleway Medium', Arial, sans serif;
}
h2 em
{
    font-size: 0.75em;
    font-style: normal;
	color:#199dbf;
	text-transform: uppercase;
	margin-left:10px;
}
h3     
{
    font-size: 1.125em;
    line-height: 1.375em;
    margin-bottom: 1em;
    padding: 0; 
	font-family: 'Raleway Medium', Arial, sans serif;
}

h4
{
    font-size:0.75em;  
    line-height: 1.375em;
    margin-bottom: 1em;
    padding: 0; 
	font-family: 'Raleway Bold', Arial, sans serif;
}
h4 em
{
    color:#199dbf;
	text-transform: uppercase;
    font-style: normal;
}

h4.module_callout_item_date
{
    text-transform: uppercase;
}

h5,h6{ font-size:16px; padding: 15px 0 10px; }


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
    font-weight: normal;
    color:inherit;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{
    color:#199dbf;
}

p,ul,ol
{
	font-size:1em; /* 16px */
	line-height:1.6875em; /* 27px */
	margin-bottom:1em;
}

ul,ol
{
    padding: 0 0 0 20px;
}

hr
{
    float: left;
    width: 100%;
    height: 0px;
    color: #d9d9d9;
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    padding:0;
    margin: 10px 0 20px;
}

table 
{
	width:100%;
	margin:0 0 15px 0;
    table-layout: fixed;
}

table tr td, table tr th
{
	padding:5px;
	border:1px solid #CCCCCC;
}

table.border_table tr td, table.border_table tr th {	
	border:1px solid #CCCCCC;
}

table tr th
{
	font-weight: bold;
	font-size: 16px;
	background-color: #CCCCCC;
}

select
{
    border:1px solid #ccc;
    padding:3px;
}

input[type=text],
input[type=password]
{
    border:1px solid #ccc;
    padding:3px;
    margin-bottom:5px;
}

blockquote
{
    background-color: #199dbf;
    border-radius: 5px;
    padding: 20px 15px 40px 90px;
    color:#fff;
    margin-bottom:1.5em;
    position:relative;
}
blockquote:before
{
    content:' ';
    position:absolute;
	left:15px;
	width: 56px;
    height: 37px;
	display:block;
	background-image: url(/AppImages/quote_start.png);
	background-repeat: no-repeat;
}
blockquote p:after
{
    content:' ';
	width: 24px;
    height: 16px;
	display:inline-block;
	background-image: url(/AppImages/quote_end.png);
	background-repeat: no-repeat;
	margin-left:5px;
}
blockquote p
{
    display:inline;
    color:#fff;
}
blockquote strong,
blockquote cite
{
	font-weight:bold;
    display:block;
    margin-top:20px;
    text-align:right;
}
iframe
{
    width:100%;
    border:0px none;
}


/*** BUTTON STYLE ***/
.button,
.event_booking_buttons a, 
.event_delegate_buttons a,
.field_cont .button_field,
.login_button input,
.emailalerts_button
{
    background-color: #e6e6e6;
    color: #199dbf;
    padding: 4px 12px 4px 12px;
    margin-right: 5px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    border:0px none;
    border-radius:4px;
    cursor:pointer;
    font-weight: normal;
    line-height:1.375em;
}    

.contact_form .form_button a.button:hover, 
.button:hover, 
.event_booking_buttons a:hover, 
event_delegate_buttons a:hover,
.login_button input:hover,
.emailalerts_button:hover
{
    background-color: #bae1ec;
}    

.button.register_individual,
.button.register_organisation
{
display: inline-block;
padding: 24px 20px 5px 85px;
background-position: 10px 10px;
font-weight: bold;
height: 55px;
background-color: #f5f5f5;
width: 25%;
font-size: 20px;
}

.button.register_individual
{
    background-image: url(/AppImages/icon_individual.gif);
}
.button.register_organisation
{
    background-image: url(/AppImages/icon_organisation.gif);
    color:#e24847;
}
.button.register_individual:hover,
.button.register_organisation:hover
{
    opacity:0.8;
}

.button.primary{
    background-color:#e24847;
    color:#fff;
    padding:10px 20px;
}

/*** STRUCTURE - MASTERPAGE STUFF
================================================== */

#wrapper {
	text-align: left;
	max-width:1335px;
    margin:0 auto;
    position:relative;
}

#header 
{
    padding: 0;
}
.header_logo
{
    padding: 20px 10px 10px 20px;
    display: block;
    float: left;
    color:#fff;
    font-weight: normal;
}
.header_logo img
{
    vertical-align: middle;
}
.container_full
{
    margin:0 auto;
}



.site_header 
{
    background-image: url(/AppImages/header_grad.jpg);
    background-repeat: repeat-x;
    position:relative;
    height: 90px;
}
.site_header_inner {
}

.header_functions
{
    position: absolute;
    right: 20px;
    top: 30px;
    left: 370px;
    text-align: right;
}
.header_functions > *
{
    vertical-align: top;
}
.header_functions h2
{
    font-size:0.875em;
    display:inline-block;
    background-color: #004063;
    border-radius:4px;
    border:1px solid #246686;
    color:#fff;
    padding:4px 10px;
    height:18px;
    margin-bottom:0;
    cursor:default;
}
.header_functions div
{
    display:inline-block;
}
.header_functions .basket p
{
    display:none;
}
.header_functions .button,
.search_page_options .button
{
    background: #176287;
    background: -moz-linear-gradient(top,  #176287 0%, #0c5277 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#176287), color-stop(100%,#0c5277));
    background: -webkit-linear-gradient(top,  #176287 0%,#0c5277 100%);
    background: -o-linear-gradient(top,  #176287 0%,#0c5277 100%);
    background: -ms-linear-gradient(top,  #176287 0%,#0c5277 100%);
    background: linear-gradient(to bottom,  #176287 0%,#0c5277 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176287', endColorstr='#0c5277',GradientType=0 );*/
    color:#fff;
    font-size:0.875em;
    margin-bottom:0;
}
.header_functions .button:hover,
.search_page_options .button:hover
{
    background: #1f739c;
}
.header_functions .button.donate {
	background: #f5bd12;
}
.header_functions .button.donate:hover {
	background: #F9CE4D;
}
.header_functions .button.basket:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background: url(/appimages/shopping_basket.png) no-repeat;
    vertical-align: middle;
    margin-top:2px;
    margin-left:2px;
}


.header_search 
{
    display:inline-block;
	background-color: #fff;
	border-radius:4px;
	height:30px;
	width:150px;
	position:relative;
}
    
.header_search .input_wrapper
{
    padding: 5px;
    border: 0px none;
    position:absolute;
	left:4px;
	right:30px;
	top:0;
	bottom:0;
}
.header_search input.search_box
{
    width:100%;
    line-height:21px;
    border:0px none;
    padding:0;
}
    
.header_search input.search_box:focus
{
    outline:none;
}
    
.header_search a.search_button {
    background-color: #fff;
    background-image: url(/AppImages/search.gif);
    background-position: center;
    width:30px;
    border: 0px none;
    position:absolute;
	right:0;
	top:0;
	bottom:0;
	border:0px none;
	margin:0;
}
.header_search a.search_button:hover
{
    opacity:0.8;
}

.callout 
{
    margin-bottom: 20px;
}

li#tab-Products {
	background: #199dbf;
	background: -moz-linear-gradient(top, #199dbf 0%, #158cae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#199dbf), color-stop(100%,#158cae));
	background: -webkit-linear-gradient(top, #199dbf 0%,#158cae 100%);
	background: -o-linear-gradient(top, #199dbf 0%,#158cae 100%);
	background: -ms-linear-gradient(top, #199dbf 0%,#158cae 100%);
	background: linear-gradient(to bottom, #199dbf 0%,#158cae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199dbf', endColorstr='#158cae',GradientType=0 );
	color: #fff;
}
/** common calls to action on every page **/

.cta_section_footer
{
    clear:both;
}

.common_cta
{
    position:absolute;
	right:0;
	top:0;
	width:335px;
	z-index:1;
}
.common_cta a
{
    background: #199dbf;
    background: -moz-linear-gradient(top,  #199dbf 0%, #158cae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#199dbf), color-stop(100%,#158cae));
    background: -webkit-linear-gradient(top,  #199dbf 0%,#158cae 100%);
    background: -o-linear-gradient(top,  #199dbf 0%,#158cae 100%);
    background: -ms-linear-gradient(top,  #199dbf 0%,#158cae 100%);
    background: linear-gradient(to bottom,  #199dbf 0%,#158cae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199dbf', endColorstr='#158cae',GradientType=0 );
    
    display:block;
    padding:15px;
    color:#fff;
    font-size:20px;
    font-weight: normal;
}
.common_cta a:hover
{
    opacity:0.8;
}

.page_header
{
    height: 108px;
    position: relative;
    margin-top:25px;
}
.page_header.bigger {
    height: auto;
}
.page_header.bigger h1 {
    z-index: 101;
}
.page_header.bigger .common_cta {
    z-index: 101;
}

.page_header h1
{
    padding:30px 0 0 40px;
    position: absolute;
    left:0;
    top:0;
    right:360px;
	background-color: #f5f5f5;
    height: 78px;
}

.block_callout
{
    padding:20px;
    display:block;
    margin-bottom:20px;
    background-color: #f2f2f2;
    color:inherit;
    clear:both;
}
.block_callout img
{
    position: relative;
    left: -20px;
    top: -20px;
}
.block_callout .title
{
    display:block;
}
.block_callout .content
{
    font-weight: normal;
}
a.block_callout:hover
{
    opacity:0.8;
}

.block_callout.listings_callout .field_detail strong
{
    display:none;    
}

.block_callout.listings_callout .field_detail p
{
    margin-bottom:0;
}
.block_callout.listings_callout .field_detail.field_staff-name
{
}
.field_detail.field_position
{
    margin-bottom:20px;
}
.listings_callout_image
{
    width:150px;
    float:left;
    margin-top: -30px;
    margin-right:20px;
}
.listings_callout_image img{
	width:100%;
}
.block_callout.listings_callout img
{
    left:0;
    top:0;
}
.listings_callout_detail
{
    float:left;
    width: 260px;
}
.listings_callout_header
{
    padding-left:170px;
}
.listings_callout_header h2
{
    margin-bottom:0;
}

.calloutquote
{
    padding:50px 20px 20px 200px;
    background-color: #f5f5f5;
    position:relative;
}

.calloutquote blockquote
{
    display: block;
    vertical-align: top;
    position: relative;
    font-size: 1em;
    color: #fff;
    line-height: 170%;
    background-image: none;
    margin-bottom:0;
}
.calloutquote h2,
.calloutquote a.button
{
    display:inline-block;
    position:absolute;
	left:20px;
	top:20px;
}
.calloutquote a.button
{
    top:66px;
}
.products_popular_callout
{
    padding:20px;
    display:block;
    margin-bottom:20px;
    background-color: #f2f2f2;
    color:inherit;
    clear:both;
    overflow: hidden;
}
.products_popular_callout .products_popular_callout /* RIDICULOUS! */
{
    padding:0;
    margin:0;
    overflow: visible;
}
.products_popular_callout button
{
    display:none;
}
.products_popular_callout h2
{
    margin-bottom:0;
    padding-bottom:0;
}
.products_popular_callout .callout_intro,
.products_popular_callout .callout_outro
{
    display:none;
}
.carousel_products_popular_inner
{
    list-style-type: none;
    margin:0;
    padding:0;
}
.carousel_products_popular_inner a h3
{
    display:inline-block;
    width:290px;
    margin-bottom: 0;
}
.carousel_products_popular_inner a{
color:inherit;
opacity:0.8;
}
.carousel_products_popular_inner a:hover{
opacity:1;
}
.products_popular_callout span
{
    display:none;
}

.cta_section_footer .products_popular_callout h2{
    margin-bottom:20px;
}

.cta_section_footer .products_popular_callout li{
    display:inline-block;
    vertical-align:top;
    width:49%;
}

.cta_section_footer .products_popular_callout li a{
    clear:both;
    display:block;
}
.cta_section_footer .products_popular_callout .carousel_products_popular_inner img{
    float:left;
    width:50px !important;
    margin-right:15px;
    margin-top:0;
    margin-bottom:20px;
    max-height:80px;
}


#footer
{
	background-color:#d9d9d9;
	clear:both;
	margin-top:40px;
}
#footer .container_12
{
	padding: 30px 0 50px;
    background-color:#d9d9d9;
	background-image: url(/AppImages/1px_white.gif);
	background-position: 650px 0;
	background-repeat: repeat-y;
}
#footer h2
{

}
#footer p
{
    font-size:0.875em;
}
#footer a
{
	text-decoration:none;
	color:#000;
	font-weight: normal;
}

#footer a:hover
{
	text-decoration:underline;
} 




/**** 978 GRID ADDITIONS *****/
.container_12
{
    background-color: #fff;
}
.border_6
{
    background-image: url(/AppImages/1px_grey.gif);
    background-repeat: repeat-y;
	background-position: 460px top;
}
.border_right
{
    background-image: url(/AppImages/1px_grey.gif);
    background-repeat: repeat-y;
	background-position: right top;
}


/*** STRUCTURE - LAYOUT TEMPLATE STUFF
================================================== */

.content           /* #content is for the sitemap */
{
    padding: 25px 0;
}

.standard_content_content_inner img 
{
    max-width: 100%;
    height: auto;
    }



.home_banner
{
    position:absolute !important;
    left:0;
    right:360px;
    top:177px;
    height:433px;
    width:auto;
}
.home_banner_spacer
{
    height: 300px;
    margin-bottom: 65px;
}
.home_banner .cycle_item
{
    width:100%;
    height:433px;
    position:relative;
    background-size:cover;
    background-position:center;
}
.home_banner .cycle_item_content
{
    position: absolute;
    right: -360px;
    bottom: -30px;
    background-color: #fff;
    width: 540px;
    height: 327px;
    padding: 0;
    border:1px solid #d9d9d9;
}
.home_banner .cycle_item_content h1
{
    padding:37px 40px 0 40px;
}
.home_banner .cycle_item_content h1 a
{
    color:#000;
    font-weight: normal;    
}
.home_banner .cycle_item_content h2,
.home_banner .cycle_item_content h3
{
    padding-left:40px;
}
.home_banner .cycle_item_content p
{
    padding:0 40px 0 40px;
}
.cycle_pager_wrapper
{
    position: absolute;
    z-index: 999;
    bottom: -35px;
    left: 15px;
}

.cycle_pager_wrapper span
{
    font-size: 40px;
    line-height: 20px;
    margin-right: 2px;
    cursor: pointer;
    color:#404040;
}
.cycle_pager_wrapper span.cycle-pager-active
{
    color:#199dbf;
}


/*** MODULES - LISTS (Based on 726px wide)
================================================== */

.module_list_item 
{
    margin-bottom:40px;
    position: relative;
}

.event_list_item_wrapper .module_list_item_date /* 126px Wide */
{
    background: #fff;
    font-size: 16px;
    width: 85px;
    padding: 13px 0 13px 10px;
    position: absolute;
    top: 0;
    left: 0;
}
    
.module_list_item_title
{
}

.event_list_item_wrapper .module_list_item_image 
{
    margin-bottom: 30px;
}

.module_list_item_image a
{
    display: block;
    width: 138px;
    height: 150px;
    background-size: cover;
    -ms-behavior: url(/JavaScript/backgroundsize.min.htc);
    background-position: center;
}
.book_reviews .module_list_item_image a
{
    height:200px;
    background-size: contain;
    background-position: top center;
} 
/*
.grid_1.product_list_image{
    margin-right: 0;
    width: 69px !important;
}*/
.product_list_image a
{
    display:block;
	width:100%;
}

.product_list_items .module_list_item_abstract h3
{
    margin-bottom:0px;
}
.product_list_items .module_list_item_abstract h3 a,
.product_list_items .module_list_item_abstract p a
{
    display:block;
    color:inherit;
    font-weight: inherit;
}

.news_back_button
{
    display:none;
}

.book_reviews .module_detail_image_primary img
{
    width:100%;
}

/*** MODULES - SPECIFICS
================================================== */

.event_occurrence_list 
{
    margin-top: 20px;
    padding: 15px;
    background-color: #CCCCCC;
}

.event_occurrence_list .event_occurrence_item
{
    padding-top: 10px;
    margin-top: 10px;
}  
    
.event_occurrence_list .event_occurrence_item ul
{
    list-style-type: none;
    margin: 0;
}  
    
.event_occurrence_list .event_occurrence_item ul li label
{
    font-weight: bold;
}        

.event_booking_form 
{
    padding: 15px;
    margin: 15px 0;
    background-color: #f9f9f9;
}

.event_booking_form label 
{
    clear: both;
    display: block;
    float: left;
    width: 200px;
    margin-right: 20px;
    padding: 5px 0;
    text-align: right;
    margin-bottom: 15px;
}

.event_booking_form input, .event_booking_form textarea
{
    display: block;
    float: left;
    width: 400px;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid #CCCCCC;
}  

.event_booking_form i 
{
    display: block;
    clear: both;
}

.event_booking_form textarea 
{
    width: 690px;
}    


/*** SEARCH RESULTS
================================================== */

/*#tab-Products{
display:none;
}*/

.search_results_wrapper 
{
    padding: 15px;
    }
    
.search_results_wrapper .search 
{
    padding: 5px 10px;
    background-color: #F0F0F0;
    }   

.search_results_wrapper .search label
{
    padding: 5px 10px 5px 0px;
    }  

.search_results_wrapper .search #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_txtSearch
{
    width: 393px;
    padding: 5px;
    border: 1px solid #cccccc;
    }  

.search_results_wrapper .search .button_search 
{
    background-color: #0000ff;
    color: #FFFFFF;
    padding: 4px 10px;
    margin-left: 5px;
    display: inline-block;
    border: 0px none;
    border-radius: 4px;
    cursor: pointer;
    }
    
.search_results_wrapper .search .button_search:hover
{
    background-color: #ff0000;
    }    

.search_results_wrapper .search_result_item {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.search_result_details h2 {
    border-bottom: 1px dotted #CCCCCC;
}

/*** FORM BUILDER
================================================== */

.form_content_wrapper 
{
}
    
.list_field, .checkbox_field, .textbox_field {
    border-top: 0px none;
    padding-top: 0px;
    margin: 0;
}    

.field_cont 
{
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
}

.field_cont label
{
    display: block;
    float: none;
    margin-bottom: 0.5em;
    padding: 0;
    width: 100%;
    font-weight: bold;
}    
.list_control label
{
    font-weight: normal;
}   
.field_cont input[type=text], 
.field_cont textarea
{
    display: block;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #cccccc;
    *padding: 8px 0;
    *text-indent:8px;
}
.field_cont textarea
{
    min-height:150px;
}
.field_cont select
{
    width: 100%;
    text-indent: 8px;
    line-height: 1.3em;
    padding: 0;
    height: 34px;
}

.field_cont .date_picker input[type=text]
{
    width:100px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-right:5px;
    vertical-align: middle;
}
.field_cont .date_picker img {
	display:inline;
    margin-right:5px;
    vertical-align: middle;
}

.field_cont input:focus, .field_cont textarea:focus
{
    border: 1px solid #c4c4c4;
}

.checkbox_list_items, .radio_list_items, .list_control
{
    float:none;
}
.checkbox_field label, .checkbox_field input, .list_control label, .list_control input
{
    display: inline;
    width: auto;
    padding: 0;
}       

.field_cont .button_field
{
    border-radius: 0; /* Overiding cms_front_end.css */
    border: 0px none; /* Overiding cms_front_end.css */
}

.field_cont .button_field:hover
{
}        

.ui-tooltip {
    padding: 0px !important;
    height: auto !important;
}    
       
       
       
/*** JOURNALS ***/

/** list **/
.listing_wrapper > h2
{
    display:none;
}
/* search */
.ql_searchField.sf_name
{
    display:none;
}
.snr_date_range
{
    display:inline-block;
    margin-right:10px;
}
.form_field > label
{
    font-weight:bold;
}
.dr_from,
.dr_to
{
    display:inline-block;
    margin-left:10px;
    font-size:14px;
}
.dr_from input,
.dr_to input
{
    width:100px;
}
.button.red,
.senior_quicklist_knockout .search_button
{
    display:inline-block;
    margin-top:0;
    background-color: #e95d5c;
    border:0px none;
    color:#fff;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px 8px 4px;
}
.button.red:hover,
.senior_quicklist_knockout .search_button:hover
{
    background-color: #e24847;
}
.ql_searchField input[type=text]
{
    padding:5px;
    border-radius:4px;
}
.sf_searchall input
{
    width:200px;
}
.ql_searchField
{
    margin-bottom:0;
    margin-right:10px;
}
.ui-widget,
.ui-datepicker table,
.ui-datepicker table tr th
{
    font-size:0.875em !important;
}

.quicklist_search_wrapper
{
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #ccc;
}
.ql_highlight,
.search_results_item_detail .highlight
{
    background-color: #fff260;
    padding: 2px 0px;
}

.listing_item_image img
{
    width:100%;
}

.listing_item_image .button
{
    display:block;
    margin-right:0;
    margin-top:15px;
}

.listing_item_description,
.listing_item_description ul,
#colTest
{
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
}
.listing_item_description ul
{
    margin-left:0;
    padding-left:0;
}
.listing_item_description li
{
    list-style-type: none;
    display: inline-block;
    font-size:0.75em;
    line-height: 1.2em;
    margin-bottom: 9px;
    position: relative;
    padding-left: 15px;
    width:100%;
}
.listing_item_description li:before {
    content: '>';
    font-weight: bold;
    margin-right: 6px;
    color: #169dbf;
    position: absolute;
    left: 0;
    top: 0;
}
.listing_item_description li:empty
{
    display:none;
}
.listing_summary .form_field label
{
    display:none;
}

/* hide fields on detail view */
.listing_page_detail .field_cont.lf_short_description,
.listing_page_detail .field_cont.lf_date,
.listing_page_detail .field_cont.lf_id_number,
.listing_page_detail .field_cont.lf_full_description
{
    display:none;
}

.field_cont.lf_full_description .form_field h3
{
    cursor:pointer;
}

.listing_documents
{
    margin-top:20px;
    padding-right:30px;
}
.download_link
{
    display:block;
	padding:10px 10px 10px 30px;
	background-image: url(/AppImages/download.gif);
	background-position: 8px 12px;
	color:inherit;
	margin-bottom:10px;
	margin-left:-32px;
	font-weight: normal;
}
.download_link:hover
{
    background-color: #cce9f0;
	background-position: 8px 12px;
}
.download_link span
{
    color:#169dbf;
    font-size:14px;
    margin-left:10px;
}
.download_link:hover span
{
}
.download_link.memberonly_link
{
	background-image: url(/AppImages/lock.gif);
	background-position: 8px 12px;
    color:#999;
    background-color: #fff;
}
.download_link.memberonly_link span
{
    display:none;
}
.download_link h3
{
    margin-bottom:10px;
}
.download_link p
{
    margin-bottom:5px;
}

.listing_primary_image img
{
    border:1px solid #ddd !important;
    max-width: 100%;
}
       
        
/*** CONTACT FORM
================================================== */

.contact_form
{
    /*float: left;
    width: 405px;
    margin-right: 50px;*/
    padding: 20px;
    background-color: #F0F0F0;
}

.contact_form .contact_form_instructions 
{
    margin: 0 0 15px 0;
}
    
.contact_form .form_field
{
    margin: 8px 0;
    padding: 8px 0;
}

.contact_form .form_field label
{
    display: block;
    margin-bottom: 3px;
}   

.contact_form .form_field input,.contact_form .form_field textarea, .contact_form .form_captcha input
{
    display: block;
    width: 393px;
    padding: 5px;
    border: 1px solid #cccccc;
}  

    .contact_form .form_field input:focus,.contact_form .form_field textarea:focus, .contact_form .contact_form .form_captcha input:focus
    {
        border: 1px solid #c4c4c4;
    }   

.validation_summary 
{
    margin-bottom: 15px;
    font-weight: bold;
    padding: 10px;
    background-color: #FFEEEE;
    border: 1px solid #FFCCCC;
    font-size:1em;
    margin-top:10px;
}

.validation_control 
{
    float: right;
    position: relative;
    bottom: 2px;
    padding: 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFDDDD;
    line-height:1;
    height: 10px;
}
    
.contact_form .form_captcha input 
{
    width: 75px;
    padding: 9px;
}               

.contact_form .form_button, .buttons
{
    text-align: right;
}
    

    
.contact_address_wrapper 
{
    float: left;
    width: 225px;
}    
    
 
 
/*** SITE MAP
================================================== */

.sitemap ul
{
    list-style-type: none;
    margin:0;
}
.sitemap ul li
{
    margin:0;
}
.sitemap ul li a
{
    padding:4px;
    display:block;
    margin-bottom:1px;
}
.sitemap ul li a:hover
{
    opacity:0.8;
}
.sitemap > ul > li > a
{
    display:none;
	background-color:red;
}
.sitemap > ul > li > ul > li > a
{
	background-color: #0000FF;
	color:#fff;
	padding-left:10px;
}
.sitemap > ul > li > ul > li > ul > li > a
{
	background-color: #ddd;
	padding-left:10px;
	color:#000
}
.sitemap > ul > li > ul > li > ul > li > ul > li > a
{
	background-color: #eee;
	padding-left:30px;
	color:#000
}
 

/*** NAVIGATION - MAIN
================================================== */
.logged-in-greeting {
    color: #ffffff;
    font-size: 14px;
    margin-right: 15px;
}

#fullNav
{
    padding: 0 20px;
    background-color: #f5f5f5;
}
.main_nav
{
	display: block;
	background-color: #f5f5f5;
}
body.sticky_nav
{
    /*margin-top:74px;*/
}
body.sticky_nav .main_nav
{
   /* position:fixed;
    top:0;
    width:968px;
    z-index:999;*/
}
.panel_nav
{
    display:table;
	width:100%;
	table-layout: fixed;
}
.panel_nav > ul
{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	display: table-row;
}
.panel_nav > ul > li
{
    float: none;
    position: relative;
    display: table-cell;
    text-align: center;
    max-width:80px;
}
.panel_nav > ul > li:last-child
{
    border-right:0px none;
}
#fullNav .page_classroom_resources,
#fullNav .page_training_and_events
{
    max-width: 200px !important;
    width: 180px;
}

.panel_nav > ul > li > .panel_wrapper > a
{
    display: block;
    float: none;
    cursor: pointer;
    background-color: #f5f5f5;
    height: 50px;
    text-align: center;
    padding-top: 12px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
}

.panel_nav > ul > li > .panel_wrapper > a > span
{
	display:block;
}
.panel_nav > ul > li.selected 
{
    background-image:url(/AppImages/nav_divider.gif), url(/AppImages/nav_divider.gif);
    background-position: left top, right top;
    padding:0 1px;
}
.panel_nav > ul > li.selected > .panel_wrapper > a
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    
	text-decoration:none;
}
.panel_nav > ul > li.selected > .panel_wrapper > a > span
{
	background-position:right bottom;
}

.panel_nav > ul > li.parent > .panel_wrapper > a > span
{
    background-image: url(/AppImages/menu_arrow.gif);
    background-position: center bottom;
    padding-bottom:10px;
    display:block;
    
}
.panel_nav > ul > li.page_home > .panel_wrapper > a > span
{
    background-image:none;
}

.panel_nav > ul > li > .panel_wrapper > a:hover
{
    opacity:0.7;
    *color:#888;
}

.panel_wrapper
{
    position:relative;
}

/*** hide mobile nav ***/
#mobileNav,
#toggleMobileNav
{
    display:none;
    height:0;
    overflow:hidden;
}


/* Panels based on width defined in dynamic master page */

.panel_nav .panel_nav_panel 
{
	display:none;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	border-top:0px none;
	padding: 20px 10px 10px;
	position:absolute;
	top:62px;
	left: 0px;
	/*right:0;
    width:auto !important;*/
	z-index:500 !important;
	zoom: 1;
	width:200px;
	box-shadow: 0 4px 7px -2px rgba(0,0,0,0.1);
}
.page_contact .panel_nav_panel, .page_my_atm .panel_nav_panel, .page_news .panel_nav_panel, .page_training_and_events .panel_nav_panel {
    left: auto;
    right: -20px;
}
.panel_nav_sub_panel 
{
	float: left;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}

/*.panel_nav_sub_panel:after
{
    content:' ';
    width:100%;
    height:100px;
    background-image: url(/AppImages/menu_images.jpg);
    display:block;
	margin:30px 0 10px;
}
.page_about .panel_nav_sub_panel:after{ background-position: 0 -100px; }
.page_join .panel_nav_sub_panel:after{ background-position: 0 -200px; }
.page_journal .panel_nav_sub_panel:after{ background-position: 0 -300px; }
.page_networks .panel_nav_sub_panel:after{ background-position: 0 -400px; }
.page_classroom_resources .panel_nav_sub_panel:after{ background-position: 0 -500px; }
.page_training_and_events .panel_nav_sub_panel:after{ background-position: 0 -600px; }
.page_news .panel_nav_sub_panel:after{ background-position: 0 -700px; }
.page_my_atm .panel_nav_sub_panel:after{ background-position: 0 -900px; }
.page_contact .panel_nav_sub_panel:after{ background-position: 0 -1000px; }*/

.panel_nav .panel_nav_sub_panel ul 
{
	height: auto;
	border:0px none;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color: transparent;
}

.panel_nav .panel_nav_sub_panel ul li {
    float:none !important; 
    height:auto;
    padding:0;
    margin:0;
    zoom:1;
    border-left: 0px none;
}

.panel_nav .panel_nav_sub_panel ul li a {
	clear:both;
	display:block;
	float:none;
	text-align:left;
	height:auto;
	padding:1px;
    margin:0;
	font-weight:normal;
	font-size: 14px;
	min-height: 0;
	color: #000;
}

.panel_nav .panel_nav_sub_panel ul li a span
{
	float:none;
	position: static;
	background-image:none;
	background-color:Transparent;
	padding:0;
    margin:0;
}

.panel_nav .panel_nav_sub_panel ul li a:hover span
{
    color:#888;
}
.panel_nav .panel_nav_sub_panel ul li.selected a span
{
	color: #199dbf;
}

.panel_nav .panel_nav_sub_panel ul li.selected a span:after
{
    content:' >';
	color:#199dbf;
}

.panel_nav .panel_nav_sub_panel ul li ul a {
	width: 155px;
	font-size: 12px;
}

.panel_nav .panel_nav_sub_panel > ul > li {
    margin-bottom: 10px;
}

.panel_nav .panel_nav_sub_panel > ul > li > a {
    border-bottom: 1px solid #004063;
    margin-bottom: 8px;
    padding-bottom: 3px;
    font-size: 15px;
}

.page_networks .panel_nav_panel ul ul
{
    display:none;
}


.page_interactive_journal ul
{
    display:none;
}

/*** NAVIGATION - SECOND/THIRD LEVEL
================================================== */

/* Second Level */
.second_level_nav
{
    font-size:0.875em;
}
.second_level_nav .second_level_nav
{
    font-size:1em;
}
.second_level_nav ul,
ul.catalog_nav
{
	list-style-type:none;
	list-style-image:none;
	margin: 0 0 20px 0;
	padding: 0;
}

.second_level_nav ul li
{

}
div > .second_level_nav,
.shop_callouts > ul.catalog_nav
{
    margin-bottom:50px;
}
div > .second_level_nav > ul > li > a,
.shop_callouts > ul.catalog_nav > li > a
{
    display: block;
    padding: 8px 5px 10px 25px;
    background-color: #f2f2f2;
    background-image: url(/AppImages/second_nav_a.gif);
    background-position: 10px 15px;
    margin-bottom: 5px;
    color:inherit;
}
div > .second_level_nav > ul > li > a:hover,
.shop_callouts > ul.catalog_nav > li > a:hover
{
    background-color: #e5e5e5;
    transition:all 400ms;
}
div > .second_level_nav > ul > li.selected > a,
.shop_callouts > ul.catalog_nav > li.selected > a
{
    background-image: url(/AppImages/second_nav_selected.gif);
    background-color: #bae1ec;
    opacity:1;
}

/* Third Level */
div > .second_level_nav > ul > li > .second_level_nav ul,
.shop_callouts > ul.catalog_nav > li > ul.catalog_nav
{
    margin:0 0 10px 0;
}

div > .second_level_nav > ul > li > .second_level_nav ul li a,
.shop_callouts > ul.catalog_nav > li > ul.catalog_nav li a
{
    display:block;
    color:inherit;
    font-weight: normal;
    padding:4px 8px;
}
div > .second_level_nav > ul > li > .second_level_nav ul li a:hover,
.shop_callouts > ul.catalog_nav > li > ul.catalog_nav li a:hover
{
    opacity:0.7;
}
div > .second_level_nav > ul > li > .second_level_nav > ul > li.selected > a,
.shop_callouts > ul.catalog_nav > li > ul.catalog_nav li.selected a
{
    color:#199dbf;
}
div > .second_level_nav .second_level_nav .second_level_nav
{
    display:none;
}
div > .second_level_nav .second_level_nav .selected .second_level_nav
{
    display:block;
}
div > .second_level_nav .second_level_nav .second_level_nav ul li,
.catalog_nav .catalog_nav .catalog_nav li
{
    font-size:0.875em;
}
div > .second_level_nav .second_level_nav .second_level_nav ul li a:before,
.catalog_nav .catalog_nav .catalog_nav li a:before
{
    content:'- ';
}


/** POWERNAV - Columns **/
/** Add grid classes on with jquery to make this easier **/
.footer_nav
{
    padding-bottom:20px;
    padding-top:30px;
}
h2.powernav_title
{
    padding: 5px 0 0 85px;
    background-image: url(/AppImages/atm_footer_logo.gif);
}
ul.powernav_col
{
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.powernav_col a
{
    font-size:0.875em;
    color:#404040;
    font-weight: normal;
    background-image: url(/AppImages/link_arrow_black.gif);
    padding-left: 15px;
    background-position: left center;
}
.powernav_cols_4 ul.powernav_col
{    
}
.powernav_cols_5 ul.powernav_col
{    
}
.powernav_cols_4 ul.powernav_col.col_4,
.powernav_cols_5 ul.powernav_col.col_5
{
    border-right:0px none;
}



/*** LOGIN PAGE ***/
.page_login
{
}
.page_login table tr td, .page_login table tr th
{
    border:0px none;
    padding:0;
}
.login_form_wrapper label
{
    width:100px;
    display:inline-block;
    color:#333;
}
.remember_me
{
    margin:5px 0 10px 0;
    display:block;
}
.remember_me label
{
    width:auto;
    margin-left:5px;
    font-size:0.875em;
}
.login_form_wrapper input[type=text],
.login_form_wrapper input[type=password]
{
    width:338px;
    padding:6px;
    border:0px none;
    margin-bottom:10px;
    background-color: #fff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 40px white inset;
}

.login_form_wrapper, .register_wrapper
{
    background-color: #f5f5f5;
    padding:10px;
    min-height: 155px;
}
.login_button input
{
    background-color: #199dbf;
    color:#fff;
    margin-top:10px;
}
.register_wrapper a {
    background-color: #e24847;
    color: #fff;
    margin-top: 43px;
}
    .register_wrapper a:hover {
        background-color: #EB7271;
    }

/*** E-ALERT SIGN UP ***/
.alert_field label
{
    width:120px;
    display:inline-block;
}
.emailalerts_fieldset
{
    margin-bottom:20px;
}
.checkbox_field table td
{
    border:0px none;
}
.msg_head,
.msg_head2
{
    background-color: #f5f5f5 !important;
}
.msg_body
{
    padding:0 20px;
    background-color: #fafafa !important;
}
.msg_body h2
{
    font-size:1em;
}


/*** NEW MODULE CALLOUTS ***/
.module_callout
{
    margin-bottom:30px;
}

.module_callout_list_item
{
    padding-bottom:10px;
}
.module_callout_header h2
{
}
.module_callout_list_item_image {
	margin-bottom:10px;
	display:none;
}
.module_callout_list_item_summary
{
}
.module_callout_item_title a
{
    color:#000;    
    font-weight:normal;
}
.module_callout_item_title a:after
{
    content:' ';
    display:inline-block;
    background-image: url(/AppImages/more_arrow.gif);
    width:7px;
    height:10px;
    vertical-align: middle;
    margin-left:5px;
}
.module_callout_item_title a:hover
{
    color:#199dbf;
}

/*** CALLOUTS - NEWS                                 
================================================== */
.module_callout.news
{
}

/*** CALLOUTS - EVENTS
================================================== */
.module_callout.events
{
}

/*** calendar callout ***/
.calendar
{
    background-color: transparent;
}
.calendar_table
{
    padding:0;
}
.calendar_table table tr td
{
    border:0px none;
}
table tr td, table tr th {
    padding: 3px;
	/***
	<!----> Isn't a CSS comment...
    <!--border:0px none;-->
	***/
}
table tr th
{
    background-color: transparent;
}
.calendar_header
{
}
.calendar_table table tr td
{
    background-color: #fff;
    padding:1px;
}
.calendar_table table{
	clear:both;
    table-layout:fixed;
}
.calendar_header h2{
    background-color:#fff;
    color:#404040;
    font-weight:normal;
    margin-bottom:30px;
    padding:0;
    font-size: 25px;
}
.calendar_table table tr td a
{
    background-color: #e5e5e5;
    color:#404040;
    padding: 2px 0 2px;
}
.calendar_table table tr td a:hover{
    background-color: #ccc;
    color:#404040;
}
.calendar_table table tr td.selected a
{
    background-color: #bae1ec;
}
.calendar_table table tr td.disabled a
{
    background-color: #f5f5f5;
    color:#f5f5f5;
}
.calendar_controls{
    position:relative;
    height:25px;
}
.calendar_controls h2{
    position:absolute;
    left:15%;
    right:15%;
    top:0;
    width:70%;
}
.calendar_back{
    position:absolute;
    left:0;
    top:0;
}
.calendar_forward{
    position:absolute;
    right:0;
    top:0;
}

.day_content {
    text-align: left;
    font-size: 0.8em;
    margin-bottom: 40px;
}
.day_content a{
    display:block;
    padding-top:10px;
}

/*** CALLOUTS - VACANCIES
================================================== */
.module_callout.vacancies
{
}

#twitter_feed
{
    clear: both;
    background-image: url(/AppImages/twitter_logo.gif);
    background-position: 10px 10px;
    background-color: #199dbf;
    padding: 20px;
    color: #fff;
    margin-bottom:30px;
    word-break: break-word;
}
#twitter_feed h2
{
    padding: 5px 0 5px 60px;
}
#twitter_feed .feed
{
    font-size:1em;
}
#twitter_feed .feed a
{
    display:block;
	color:#fff;
}
#twitter_feed .button
{
    color:#fff;
    background-color: #004063;
}
#twitter_feed .button:hover
{
    opacity:0.8;
}

.site_selection 
{
    display: none;
}
.infographic
{
	padding-top: 30px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.infographic a
{
    display:block;
    background-color: #ccc;
    margin-bottom:27px;
    background-size:cover;
    cursor:pointer;
}
.infographic a:hover
{
    opacity:0.8;
}


.infographic a.ig_journal,
.infographic a.ig_cpd,
.infographic a.ig_activity_packs
{    
    background-color: #f5bd12; 
}

.infographic a.ig_accessories
{
    background-color: #199dbf;
}
.infographic a.ig_software,
.infographic a.ig_video
{
    background-color: #e95d5c;
}
.infographic a.ig_lesson_plans,
.infographic a.ig_book_reviews 
{
    background-color: #004063; 
}

.homeBorderLeft {
    background: url(/AppImages/1px_grey.gif) repeat-y right 0;
    padding-bottom:60px;
}
/*** PRODUCT CATALOG ***/
.product_category_list > h2 {
    font-size: 29px;
}
.product_category_list_item
{
    margin-bottom:40px;
    padding: 20px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.35);
}
.product_category_item a
{
    color:inherit;
}
.product_category_item a:hover
{
    color:#199dbf;
}
.product_category_image
{
    height: 180px;
    background-color: #404040;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
}

.product_category_image img
{
    width:100%;    
}

.priority_products a img
{
    width:100%;
}
.product_category_list_item h2 a span
{
    font-size:14px;
    color:#888;
    margin-left:10px;
}
.product_category_list_item h2 a:hover
{
    color:#000;
}
.product_category_list_item h2 a:hover span
{
    color:#444;
}

.product_item_spacer
{
    height:180px;
    background-color:#f5f5f5;
    display:block;
}
.product_category_list_item .category_image {
    float: left;
    width: 255px;
}
.product_category_list_item .category_image img {
    max-width: 100%;
}
.product_category_list_item .priority_products,
.product_category_list_item .category_description  {
    float: left;
    width: 319px;
    margin-left: 27px;
}
.product_category_list_item .priority_products a {
    display: inline-block;
    font-size: 15px;
}
.product_category_list_item .priority_products a h3 {
    display: inline-block;
}
.product_category_list_item .priority_products a h3:after {
    content: "";
    display: inline-block;
    background: url(/AppImages/category_arrow.png) no-repeat 0 0;
    width: 8px;
    height: 11px;
    margin-left: 10px;
}
.product_category_list_item .priority_products a:hover h3 {
    text-decoration: underline;
}
.shop_callouts {
    padding-top: 94px;
}
.catalog_nav {display: none;}
.best_sellers .cb_html > div {
    display: block !important;
}
.best_sellers h2 {
    padding: 18px 26px;
    color: #fff;
    background: #f5bd12;
    margin: 0;
    font-size: 29px;
}
.best_sellers ul {
    list-style: none;
    padding: 0;
}
.best_sellers ul li {
    float: left;
    width: 260px;
    padding: 13px 23px;
    background: #f5f5f5;
    margin-bottom: 5px;
}
.grid_6 .best_sellers ul li {
	width: 428px;
}
.best_sellers a {
    color: #666;
    font-weight: normal;
    background: url(/AppImages/category_arrow.png) no-repeat right 4px;
    padding-right: 15px;
}
.best_sellers a:hover {
    text-decoration: underline;
}
.best_sellers a img {
    float: left;
    vertical-align: top;
    margin-right: 20px;
}
.product_banner {
    margin-top: 25px;
    max-height: 290px;
}
.product_banner li {
    margin: 0;
    list-style: none;
}
.product_banner li img {
	max-width: 100%;
}
.product_banner .cycle-pager {
    position: absolute;
    bottom: -15px;
    left: 10px;
    z-index: 101;
    font-size: 50px;
}
    .product_banner .cycle-pager span {
        cursor: pointer;
    }
        .product_banner .cycle-pager span.cycle-pager-active {
            color: #199dbf;
        }
.product_category_nav {
    margin-top: 10px;
    margin-bottom: 30px;
    background: url(/AppImages/product_nav_bg.png) repeat 0 0;
    position: relative;
    z-index: 2;
}
.product_category_nav .second_level_nav {
    margin-bottom: -35px;
}
.product_category_nav ul {
    width: 978px;
    max-width: 100%;
    margin: 0 auto;
}
.product_category_nav li {
    float: left;
    width: 20%;
}
    .product_category_nav li.item_2 a {
        text-align: left;
        background: url(/AppImages/product_nav_arrow.png) no-repeat 74px 31px !important;
    }
    .product_category_nav li.item_4 a {
        padding-left: 50px !important;
        background: url(/AppImages/product_nav_arrow.png) no-repeat 123px 31px !important;
    }
    .product_category_nav li.item_5 a {
        padding-left: 70px !important;
        background: url(/AppImages/product_nav_arrow.png) no-repeat 130px 31px !important;
    }
    .product_category_nav li.item_6 a {
        text-align: right;
        background: url(/AppImages/product_nav_arrow.png) no-repeat 148px 31px !important;
    }
    .product_category_nav li.page_browse_shop {
        display: none;
    }
.product_category_nav li a {
    background: url(/AppImages/product_nav_arrow.png) no-repeat center 31px !important;
    text-align: center;
    padding: 8px 0 22px 0 !important;
    margin-bottom: 0 !important;
}
.product_category_nav li a span {
    color: #fff;
    white-space: nowrap;
}
.product_search .normal_search {
}
.product_search .normal_search input[type=text] {
    height: 39px;
    padding: 3px 20px;
    width: 430px;
    background: url(/AppImages/product_search.png) no-repeat 98% center;
}
.product_search .normal_search a {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    cursor: pointer;
}
.product_search .detail_search {
    height: 45px;
}
.product_search .detail_search > a.toggle_search {
    display: block;
    color: #fff;
    background: url(/AppImages/search_bg.png) repeat-x 0 bottom #199dbf;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    padding: 13px 20px;
    cursor: pointer;
}
.product_search .detail_search.open > a.toggle_search {
    border-bottom: 10px solid #148bae;
}
.product_search .detail_search > a.toggle_search:after {
    content: "";
    width: 22px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url(/AppImages/product_search_white.png) no-repeat 0 0;
}
.product_search .detail_search .search_popover {
    display: none;
}
.product_search .detail_search.open .search_popover {
    display: block;
    width: 958px;
    float: right;
    padding: 20px 0 20px 20px;
    background: #148bae;
    color: #fff;
    position: relative;
    z-index: 101;
}
.product_search .detail_search .search_popover .search_field {
    float: left;
    width: 33.33%;
    padding: 0;
}
.product_search .detail_search .search_popover .search_field:nth-of-type(1):after,
.product_search .detail_search .search_popover .search_field:nth-of-type(2):after {
	content: "or";
	float: right;
	margin-left: 15px;
	margin-top: 15px;
}
.product_search .detail_search .search_popover .search_field label {
    float: left;
    margin-left: 10px;
}
.product_search .detail_search .search_popover .search_field select {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 275px;
}
.product_search .detail_search .search_popover .button {
    float: right;
    margin-right: 33px;
}
.product_search_results h2 {
    margin-top: 10px;
}
.product_search_results ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
    .product_search_results ul li {
        padding: 0 10px;
        background: #f5f5f5;
        clear: both;
    }
    .product_search_results ul a {
        display: inline-block;
        background: #f5f5f5;
        padding: 5px 0;
        width: 100%;
        border-bottom: 2px solid #fff;
    }
    .product_search_results ul a .button {
        float: right;
    }
    .product_search_results .result_count {
        float: left;
    }
    .product_search_results .buttons {
        float: right;
        margin-right: 10px;
    }

/* detail */
.product_detail_purchase
{
    border-top:2px solid #f5f5f5;
    border-bottom:2px solid #f5f5f5;
    padding:15px 0;
    font-size:0.875em;
    text-align: right;
}
.product_detail_purchase .float_right {
	font-size: .97em;
}
.product_detail_price
{
    float: left;
}
.product_detail_price_value
{
    font-weight: bold;
    font-size:1.3em;
}

#product_variants_table
{
    float:left;
    width:180px;
    border:0px none;
    margin-top: -6px;
}
#product_variants_table td
{
    padding:0;
    border:0px none;
}
.variant_detail
{
    float:left;
}
.option_price
{
    margin-top:5px;
}
.options_radiolist div
{
    margin-bottom:5px;
}
.product_detail_buttons
{
    display: inline-block;
    margin-top: 20px;
    float: left;
}
.product_detail_buttons .button
{
    background-color: #e95d5c;
	text-align: center;
	padding:3px 15px;
	color:#fff;
}
.product_detail_buttons .button:hover
{
    background-color: #e23837;
}
.product_detail_purchase input[type=text]
{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 4px;
    margin: 0 10px 0 5px;
}
.product_detail_purchase .options_radiolist
{
    float:left;
    text-align: left;
}
.product_detail_purchase .options_radiolist input
{
    clear:both;
    margin-right:5px;
    vertical-align: middle;
}
.product_detail_purchase .options_radiolist label
{
    margin-right:20px;
    vertical-align: middle;
}
.product_detail_header
{
    padding-bottom:50px;
    margin-top: 15px;
}
.product_detail_buttons .button span.buy-button--text:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background: url(/appimages/shopping_basket.png) no-repeat;
    vertical-align: middle;
    margin-left: -3px;
}
.product_detail_image
{
    text-align: center;
}
.product_detail_image img{
    width:100%;
    z-index:1;
    position:relative;
    transition:all 200ms linear;
}
.product_detail_image
{
    position:relative;
	padding-bottom:44px;
	-webkit-perspective: 471;
	-webkit-transform-style: flat;
	overflow: visible;
}

.product_detail_image.hover img
{
    -webkit-transform:scale(1.1, 1.1) translate3d(0,0,0);
    transition:all 200ms linear;
}

.recently-viewed-product img {
    max-width: 155px;
}
.recently-viewed-product a span {
    display:block;
    margin-bottom: 20px;
}
.look_inside
{
    background-image: url(/AppImages/look_inside.png);
    background-color: #199dbf;
    color: #fff;
    padding: 13px 10px 12px 40px;
    display: block;
    background-position: 20px center;
    position:absolute;
	bottom:0;
	left:0;
	right:0;
    transition:all 200ms linear;
    opacity:0.99;
    z-index:999;
}
.look_inside:hover
{
    background-color:#23afd3;
    padding: 20px 10px 20px 40px;
    transition:all 200ms linear;
    opacity:0.99;
}

.related_products
{
    margin-top:50px;
    margin-bottom: 50px;
}
.related_product_item{
    margin-bottom:15px;
}

#recently-viewed-products-box,
.related_products {
    padding: 35px;
    background: #f5f5f5;
}
.recently-viewed-list {
}
.recently-viewed-product {
    display: inline-block;
    margin-right: 20px;
    width: 155px;
    vertical-align: top;
}
.recently-viewed-product img {
    display: block;
    margin-bottom: 15px;
}
.related_product_item h3 {
    margin-bottom: 10px;
}
.related_product_item img {
    float: left;
    max-width: 155px;
    margin: 0 20px 0 0;
}




/*** JOIN PAGE ***/

.member_type_item
{
}

.member_type_item,
.join_e_red,
.join_personal,
.join_tit,
.join_primary,
.join_secondary,
.join_larger,
.join_uni
{
    background-color:#f5f5f5;
    padding:20px;
    margin-bottom:20px;
    border:1px solid #ccc;
}

.member_type_item .button{
	float:right;
	font-size: 14px;
    margin: 0 0 0 10px;
    padding: 2px 8px;
    background-color:#199dbf; 
    color:#fff;
}
.member_type_item .button:hover
{
    opacity:0.8;
}

.member_type_item h2
{
    padding: 15px 20px 15px 80px;
    background-position: 0 0;
}

.member_type_item h3
{
    background-color:#eee;
    padding: 8px;
    margin-bottom: 5px;
}
.member_type_item h3 br{
    display:none;
}
.member_type_item h3.price
{
    background-color: transparent;
	padding:0;
	margin-bottom:20px;
}

.member_type_item.type_concession h2{ color:#199dbf; background-image:url(/AppImages/icon_join_personal.gif); }
.member_type_item.type_larger h2    { color:#004063; background-image:url(/AppImages/icon_join_tit.gif); }
.member_type_item.type_personal h2  { color:#199dbf; background-image:url(/AppImages/icon_join_personal.gif);}
.member_type_item.type_emember h2   { color:#e95d5c; background-image:url(/AppImages/icon_join_e.gif); }
.member_type_item.type_primary h2   { color:#e95d5c; background-image:url(/AppImages/icon_join_primary.gif); }
.member_type_item.type_secondary h2 { color:#199dbf; background-image:url(/AppImages/icon_join_secondary.gif); }
.member_type_item.type_student h2   { color:#004063; background-image:url(/AppImages/icon_join_tit.gif); }
.member_type_item.type_uni h2       { color:#e95d5c; background-image:url(/AppImages/icon_join_uni.gif); }


.member_type_item.type_concession .button   { background-color:#199dbf; color:#fff; }
.member_type_item.type_larger .button       { background-color:#004063; color:#fff; }
.member_type_item.type_personal .button     { background-color:#199dbf; color:#fff; }
.member_type_item.type_emember .button      { background-color:#e95d5c; color:#fff; }
.member_type_item.type_primary .button      { background-color:#e95d5c; color:#fff; }
.member_type_item.type_secondary .button    { background-color:#199dbf; color:#fff; }
.member_type_item.type_student .button      { background-color:#004063; color:#fff; }
.member_type_item.type_uni .button          { background-color:#e95d5c; color:#fff; }

.join_e_red .button      { background-color:#e95d5c; color:#fff; }
.join_personal .button   { background-color:#199dbf; color:#fff; }
.join_tit .button        { background-color:#004063; color:#fff; }
.join_primary .button    { background-color:#e95d5c; color:#fff; }
.join_secondary .button  { background-color:#199dbf; color:#fff; }
.join_larger .button     { background-color:#004063; color:#fff; }
.join_uni .button        { background-color:#e95d5c; color:#fff; }



/*** benefits ***/
.benefits img
{
    display:inline-block;
    vertical-align: top;
    margin-right:10px;    
    position:absolute;
	left:0;
	top:0;
}
.benefits ul
{
    margin-left:0;
    padding-left:0;
}
.benefits ul li
{
    list-style-type:none;
    position:relative;
	padding-left:60px;
	min-height:60px;
	padding-bottom:10px;
}
.join_online
{
    display:block;
    padding:10px 10px 10px 60px;
    background-image:url(/AppImages/join_online.gif),url(/AppImages/join_online_arrow.gif);
    background-position: 12px center, right center;
	background-color: #e95d5c;
	color:#fff;
	line-height: 1.2em;
}
.join_online:hover
{
    opacity:0.8;
} 


/*** BRANCH MAP ***/
.branch_map
{
    background-color: #199dbf;
    margin-bottom:30px;
}
.branch_list
{
    width: 205px;
    float: left;
    list-style-type:none;
    padding:20px;
    color:#fff;
}
.branch_list li a
{
    display:block;
    padding:5px;
    color:#fff;
}
.branch_list li a:hover
{
    background-color: #31c0e5;
    border-radius:5px;
}
.branch_locations
{
    width: 478px;
    height: 632px;
    position: relative;
    background-image: url(/AppImages/branch_map.gif);
    float:right;
}
.branch_location
{
    position:absolute;
    z-index:1;	
}
.branch_location.open
{
    z-index:2;
}
.branch_location .branch_location_pin
{
    width:19px;
    height:30px;
    background-image: url(/AppImages/branch_pin.png);
    background-position: left top;
    display:block;
    cursor:pointer;
}
.branch_location .branch_location_pin:hover,
.branch_location.open .branch_location_pin
{
    background-position: left bottom;
}
.branch_location .branch_location_detail
{
    visibility: hidden;
    background-color: #f5bd12;
    padding:10px 25px 10px 10px;
    color:#fff;
    width:230px;
    font-size:14px;
    position: absolute;
    left: 9px;
    bottom: 70px;
    opacity:0;
    -webkit-transform: scale(1,0);
    -webkit-transition:all linear 200ms;
    z-index: -1;
    
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.branch_location.open .branch_location_detail
{
    z-index: 1;
    opacity:1;
    visibility: visible;
    -webkit-transform: scale(1,1);
    -webkit-transition:all linear 200ms;
}
.branch_location_detail_title
{
    display:block;
	font-weight:bold;
}
.branch_location_detail_email
{
    display:block;
	padding:5px 0;
	font-weight: normal;
	color:#333;
}
.branch_location_detail_close
{
    position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	background-image: url(/AppImages/branch_close.png);
	width:14px;
	height:14px;
    opacity:0.8;
}
.branch_location_detail_close:hover
{
    opacity:1;
}
.branch_location.open .branch_location_detail .button
{
    padding: 1px 10px;
    margin-top: 5px;
    background-color: #fff;
    color: #f5bd12;
    opacity:0.8;
}
.branch_location.open .branch_location_detail .button:hover
{
    opacity:1;
}
.branch_location_arrow
{
    position:absolute;
	bottom:-49px;
	left:0;
	background-image: url(/AppImages/branch_arrow.png);
	width:27px;
	height:49px;
}


.social_links
{
    position:absolute;
    top:335px;
    right:0;
    width:29px;
    z-index:100;
}
.social_links a
{
    background-image: url(/AppImages/social_links.gif);
    background-position: left top;
    width:29px;
    height:29px;
    display:block;
    margin-bottom:5px;
}
.social_links a:hover
{
    opacity:0.7;
}
.social_links a.twitter
{
    background-position: left -29px;
}
.social_links a.linkedin
{
    background-position: left -58px;
}
.social_links a.youtube
{
    background-position: left -87px;
}
#membershipWrapper {

}
#membershipWrapper .banner {
    margin-bottom: 40px;
    overflow: hidden;
}

.home_banner_spacer .cycle_wrapper .content_block {
    width: 100%;
    height: 433px;
    position: relative;
}

#membershipWrapper .cycle-item {
    width: 100%;
}
#membershipWrapper .cycle-item img {
    width: 100%;
}
#membershipWrapper .member_resource {
    height: 250px;
    margin-bottom: 20px;
}
#membershipWrapper .overview {
    float: left;
    width: 20%;
    height: 100%;
    background: #199dbf;
    text-align: center;
}
#membershipWrapper .overview h3 {
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    margin-top: 15px;
    padding: 0 5px;
}
#membershipWrapper .overview p {
	color: #fff;
    padding: 0 5px;
}
#membershipWrapper .overview .fa {
    font-size: 60px;
    color: #fff;
    margin-top: 25px;
	transition: transform 200ms;
}
#membershipWrapper .overview:hover .fa {
	transform: scale(1.1);
}
#membershipWrapper .details {
    float: left;
    width: 78%;
    height: 100%;
    margin-left: 2%;
    background: #f5f5f5;
}
#membershipWrapper .details .detail_item {
    float: left;
    width: 29%;
    height: 100%;
    text-align: center;
    padding: 2%;
}
#membershipWrapper .details .detail_item img {
    display: block;
    margin: 0 auto;
}
#membershipWrapper .details .detail_item h4,
#membershipWrapper .details .detail_item h4 a {
    color: #199dbf;
    font-size: 16px;
}
.conferencepage .common_cta {
    padding-left: 20px;
    padding-bottom: 20px;
    background: #fff;
    z-index: 101;
}
.conferencepage .common_cta a {
    background: #f4bd16;
    background: -moz-linear-gradient(top,  #f4bd16 0%, #dda600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4bd16), color-stop(100%,#dda600));
    background: -webkit-linear-gradient(top,  #f4bd16 0%,#dda600 100%);
    background: -o-linear-gradient(top,  #f4bd16 0%,#dda600 100%);
    background: -ms-linear-gradient(top,  #f4bd16 0%,#dda600 100%);
    background: linear-gradient(to bottom,  #f4bd16 0%,#dda600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bd16', endColorstr='#dda600',GradientType=0 );
    
    
    
}
.conferencepage .page_header {
    height: auto;
}
.conferencepage .page_header h1 {
    right: auto;
    width: 430px;
    text-align: center;
    background: #fff;
    padding: 30px 0 0 0;
    z-index: 101;
}
.conferencepage #content {
    padding: 0;
}
.conferencepage #content .aside {
    margin-right: 0;
    float: right;
}
.conferencepage #content .aside .second_level_nav {
    margin-bottom: 0;
}
.conferencepage #content .aside .book {
    background-image: url(/AppImages/book.png);
    background-repeat:no-repeat;
    background-color: #189BBD;
    background-position: left bottom;
    border-radius: 0;
    padding-left: 82px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 19px;
    line-height: 115%;
    margin: 0;
    margin-bottom: 15px;
}
.conferencepage #content .aside .grid_12 {
	max-width: 100%;
}
.conferencepage .standard_content_content img {
    margin-right: 25px;
}
.conferencepage .countdown {
    background: url(/AppImages/counter-bg.png) repeat-x 0 0;
    padding: 8px 0 8px 155px;
    color: #fff;
    margin-bottom: 30px;
}
.conferencepage .counter span {
    float: left;
    width: 94px;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid;
}
    .conferencepage .counter span strong {
        display: block;
        font-size: 40px;
        font-weight: normal;
        line-height: 100%;
    }
    .conferencepage .counter span.last {
        border: 0;
    }
.conferencepage .countdown span.until {
    float: left;
    margin-left: 8px;
    font-size: 24px;
}
.bigger .big-banner {
    float: left;
    margin-top: 130px;
}
.big-banner.banner {
    max-height: 290px;
    margin-bottom: 20px;
}
.big-banner.banner li {
    margin: 0;
    list-style: none;
    height: 300px;
    width:100%;
    background-size:cover;
    background-position:center;
}
.big-banner.banner li img {

}
.big-banner.banner .cycle-pager {
    position: absolute;
    bottom: -15px;
    left: 10px;
    z-index: 101;
    font-size: 50px;
}
    .big-banner.banner .cycle-pager span {
        cursor: pointer;
    }
        .big-banner.banner .cycle-pager span.cycle-pager-active {
            color: #199dbf;
        }
.conferencepage .tabs {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.conferencepage .tab-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.conferencepage .tab-nav li {
    float: left;
    padding: 7px 11px 15px 11px;
    border: 1px solid #169dbf;
    border-bottom: 0;
    margin-right: 10px;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    transition: all 300ms;
}
    .conferencepage .tab-nav li.active {
        background: #f4f4f4;
    }
.conferencepage .tab-content {
    clear: both;
}

.conferencepage .tab-content img{
    max-width:100%;
    height:auto;
}

.conferencepage .tab-content .dynamic_callout_container {
    display: none;
    background: #f4f4f4;
    padding: 22px 10px;
}
.conferencepage .tab-content .dynamic_callout_container.active {
    display: block;
}
.conferencepage .resources {
    float: left;
    clear: both;
    display: table;
    background: #f4bd16;
    margin: 17px 0;
    width: 100%;
    color: #fff;
}
.conferencepage .resources {
    font-size: 0;
}
.conferencepage .resources h4 {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}
.conferencepage .resources p {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
}
.conferencepage .resources h4 a {
    float: left;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 20px 25px;
    margin-right: 15px;
}
.conferencepage .resources a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    min-width: 80px;
    font-size: 17px;
    font-weight: 300;
    line-height: 140%;
    margin-right: 15px;
}
.conferencepage .resources + blockquote {
    clear: both;
    padding-right: 65px;
}



/*************/
.member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl01_ctl00_pnlCalloutListings, .member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl02_ctl00_pnlContentBlock, .member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl03_ctl00_pnlCalloutListings, .member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl04_ctl00_pnlContentBlock, .member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl05_ctl00_pnlContentBlock, .member-benefits #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl06_ctl00_pnlContentBlock, #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts3_ctl00_ctl00_pnlContentBlock, #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts5_ctl02_ctl00_pnlContentBlock, #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts6_ctl00_ctl00_pnlContentBlock, #ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callouts4_ctl03_ctl00_pnlContentBlock {
    display: none;
}


.intro-text {
    padding: 75px 40px 0 40px;
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.intro-text h2 {
    font-size: 24px;
    color: #404040;
    font-family: 'Raleway Medium', Arial, sans-serif;
}

.intro-text p {
    color: #666666;
}

.intro-text p:nth-of-type(1n+2) {
    display: none;
}

.intro-text .button {
    display: none;
}

.member-benefits {
    background-color: #004063;
    color: #ffffff;
    padding: 75px 0;
    width: 75%;
    box-sizing: border-box;
    float: left;
}

.member-benefits .benefits-text {
    width: 33.33%;
    padding: 0 25px;
    box-sizing: border-box;
    float: left;
}

.member-benefits .benefits-text h2 {
    font-size: 24px;
}

.member-benefits .benefits-text .button {
    background-color: #f5bd12;
    color: #ffffff;
    transition: all 0.2s;
}

.member-benefits .benefits-text .button:hover {
    background-color: #DAA607;
}

.member-benefits .benefits {
    width: 66.66%;
    float: left;
}

.member-benefits .benefits li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
}

.member-benefits .benefits li strong {
    display: block;
    font-size: 18px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 15px;
}

.member-benefits .benefits img {
    position: relative;
    display: block;
    margin: 0 auto 25px auto;
    width: 100%;
    max-width: 161px;
}

.news-events .latest-events {
    width: 62.5%;
    float: left;
    padding: 75px 40px;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.news-events .latest-news {
    width: 37.5%;
    float: left;
    padding: 75px 40px;
    box-sizing: border-box;
}

.news-events h2 {
    font-size: 24px;
    float: left;
}

.news-events .latest-events .button {
    float: right;
    color: #ffffff;
    background-color: #158cae;
    transition: all 0.2s;
}

.news-events .latest-events .button:hover {
    background-color: #14A6D0;
}

.news-events .module_callout {
    margin: 0;
}

.news-events .latest-events .module_callout_list_item {
    width: 50%;
    float: right;
    clear: right;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.news-events .latest-events .module_callout_list_item_detail {
    background-color: #ffffff;
    padding
}

.news-events .latest-events .module_callout_list {
    display: flex;
}

.news-events .latest-events .module_callout_list_item.index_0 {
    width: 50%;
    float: left;
    padding: 0;
    background-color: #ffffff;
}

.news-events .latest-events .module_callout_list_item img {
    width: 100%;
}

.news-events .latest-events .module_callout_list_item.index_1 {
    margin-bottom: 40px;
}

.news-events .latest-events .module_callout_list_item.index_1 img, .news-events .latest-events .module_callout_list_item.index_2 img {
    display: none;
}

.news-events .latest-events .module_callout_list_item a {
    font-weight: normal;
    color: initial;
}

.news-events .latest-events .module_callout_list_item h4 {
    padding: 15px 15px 0 15px;
    font-size: 14px;
    font-family: 'Raleway Bold', Arial, sans-serif;
    color: #004063;
}

.news-events .latest-events .event-right-cont {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.news-events .latest-events .event-right-cont .module_callout_list_item {
    width: 100%;
}

.news-events .latest-events .module_callout_list_item.index_0 h4 {
    padding: 0 15px;
}

.news-events .latest-events .module_callout_list_item.index_0 h4:before {
    content: "Featured Event";
    display: block;
    font-size: 14px;
    font-family: 'Raleway Bold', Arial, sans-serif;
    color: #ffffff;
    background-color: #f5bd12;
    margin: 0 -15px 10px -15px;
    padding: 5px 15px;
}

.news-events .latest-events .module_callout_list_item h3 {
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    color: #666666;
}

.news-events .latest-events .module_callout_list_item p {
    padding: 0 15px 15px 15px;
    margin: 0;
    font-size: 16px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    color: #666666;    
    word-break: break-word;
}

.news-events .latest-news .button {
    float: right;
    color: #2392b2;
    background-color: #f2f2f2;
    transition: all 0.2s;
}

.news-events .latest-news .button:hover {
    background-color: #bae1ec;
}

.news-events .latest-news .module_callout_list_item {
    background-color: #f2f2f2;
}

.news-events .latest-news .module_callout_list_item.index_0 {
    margin-bottom: 40px;
}

.news-events .latest-news .module_callout_list_item a {
    font-weight: normal;
    color: initial;
}

.news-events .latest-news .module_callout_list_item h4 {
    padding: 15px 15px 0 15px;
    font-size: 14px;
    font-family: 'Raleway Bold', Arial, sans-serif;
    color: #004063;
}

.news-events .latest-news .module_callout_list_item h3 {
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    color: #666666;
}

.news-events .latest-news .module_callout_list_item p {
    padding: 0 15px 15px 15px;
    margin: 0;
    font-size: 16px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    color: #666666;    
    word-break: break-word;
}

.shop-section .title-splitter {
    background-color: #004063;
    padding: 18px 40px;
}

.shop-section .title-splitter h2 {
    color: #ffffff;
    font-size: 24px;
    font-family: 'Raleway Medium', Arial, sans-serif;
    margin: 0;
}

.shop-section .shop-inner-cont {
    display: flex;
}

.shop-section .cat-sellers {
    width: 75%;
    float: left;
}

.shop-section .prod-cats-cont {
    display: flex;
}

.shop-section .prod-cats-cont .button {
    align-self: flex-end;
    margin-bottom: 20px;
}

.shop-section .prod-cats {
    width: 100%;
    float: left;
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}

.shop-section .prod-cats h2 {
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-size: 18px;
    color: #666666;
}

.shop-section .prod-cats ul {
    padding: 0;
    width: 100%;
    float: left;
    margin: 0;
}

.shop-section .prod-cats li {
    list-style-type: none;
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-size: 16px;
    color: #666666;
    margin-bottom: 7px;
    display: inline-block;
    width: 16%;
    width: calc(18% - 15px);
    float: left;    
    padding-right: 15px;
    box-sizing: border-box;
    line-height: 1.4;
}

.shop-section .prod-cats li a {
    color: inherit;
    font-weight: inherit;
    display: block;
}

.shop-section .prod-cats li a:hover {
    text-decoration: underline;
}

.shop-section .prod-cats li a img {
    width: 100%;
    margin-bottom: 8px;
}

.shop-section .best-sellers {
    width: 100%;
    float: left;
    padding: 20px 20px 0 40px;
    box-sizing: border-box;
}

.shop-section .best-sellers h2 {
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-size: 18px;
    color: #666666;
    background: transparent;
    padding: 0;
    margin-bottom: 0.85em;
}

.shop-section .best-sellers ul {
    padding: 0;
}

.shop-section .best-sellers li {
    width: 30%;
    width: calc(33.3% - 20px);
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
    list-style-type: none;
}

.shop-section .best-sellers li:last-of-type {
    margin: 0;
}

.shop-section .best-sellers li .side {
    float: left;
    width: 40%;
    background-color: #f5bd12;
    color: #ffffff;
    position: relative;
}

.shop-section .best-sellers li .side span {
    position: absolute;
    bottom: 5px;
    font-size: 24px;
    left: 13%;
    transform: translateX(-13%);
}

.shop-section .best-sellers li .side img {
    float: right;
    width: 70%;
}

.shop-section .best-sellers li a {
    width: 60%;
    float: right;
    box-sizing: border-box;
    padding: 5px 15px 5px 10px;
    font-size: 14px;
    background-position: bottom 13px right 10px;
    line-height: 1.4;
}

.shop-section .popular-prod {
    width: 25%;
    float: left;
    background-color: #199dbf;
    padding: 0 0 40px 0;
    box-sizing: border-box;
}

.shop-section .popular-prod h2 {
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-size: 24px;
    color: #ffffff;
    line-height: 1.292em;
    padding: 20px 40px;
    margin-bottom: 0.85em;
    background-color: #216F9A;
}

.shop-section .popular-prod .products_popular_callout {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.shop-section .popular-prod .products_popular_callout .popular-titles {
    padding: 20px 40px;
    box-sizing: border-box;
}

.shop-section .popular-prod .products_popular_callout .popular-titles li {
    margin-bottom: 15px;
    width: 100%;
}

.shop-section .popular-prod .products_popular_callout .popular-titles li a {
    font-family: 'Raleway Medium', Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    opacity: 1;
    font-weight: normal;
    line-height: 1.2;
    display: block;
}

.shop-section .popular-prod .products_popular_callout .popular-titles li a:hover {
    text-decoration: underline;
}

.shop-section .popular-prod .products_popular_callout .popular-imgs {
    padding: 0 40px;
    margin-top: 15px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.shop-section .popular-prod .products_popular_callout .popular-imgs li {
    width: 29%;
    margin: 0 2%;
    float: left;
    list-style-type: none;
}

.shop-section .popular-prod .products_popular_callout .popular-imgs img {
    float: left;
    margin: 0;
    width: 100%;
    max-height: 200px;
}

.social-section .featured-video, .social-section #twitter {
    width: 37.5%;
    float: left;
    box-sizing: border-box;
}

.social-section .center-panel {
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.social-section .featured-video {
    padding: 40px 20px 40px 40px;
}

.social-section .featured-video img {
    width: 100%;
    cursor: pointer;
}

.social-section .center-panel {
    padding: 40px 20px;
}

.social-section .center-panel .block_callout {
    margin: 0;
}

.social-section .center-panel .block_callout .listings_callout_header {
    padding: 0;
}

.social-section .center-panel .block_callout .listings_callout_header h2 {
    font-size: 24px;
    line-height: 1.292em;
    margin-bottom: 0.85em;
    padding: 0;
    font-family: 'Raleway Medium', Arial, sans serif;
}

.social-section .center-panel .block_callout .listings_callout_image {
    width: 50%;
    margin: 0;
    padding-right: 10px;
    box-sizing: border-box;
}

.social-section .center-panel .block_callout .listings_callout_detail {
    width: 50%;
    margin: 0;
    padding-left: 10px;
    box-sizing: border-box;
}

.social-section .center-panel .block_callout .field_id-number {
    display: none;
}

.social-section .center-panel .block_callout .listings_callout_detail ul {
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    font-family: 'Raleway Medium', Arial, sans-serif;
}

.social-section .center-panel .block_callout .listings_callout_detail li a {
    font-weight: normal;
    color: #666666;
}

.social-section .center-panel .block_callout .listings_callout_detail .button {
    background-color: #ffffff;
    transition: all 0.2s;
}

.social-section .center-panel .block_callout .listings_callout_detail .button:hover {
    background-color: #bae1ec;
}

.social-section .center-panel .wide-button {
    margin-top: 10px;
    background-color: #199dbf;
    font-family: 'Raleway Medium', Arial, sans serif;
    font-size: 24px;
    transition: all 0.2s;
}

.social-section .center-panel .wide-button:hover {
    background-color: #15B3DC;
}

.social-section .center-panel .wide-button a {
    color: #ffffff;
    font-weight: normal;
    display: block;
    padding: 5px 10px;

}

.social-section #twitter {
    padding: 40px 40px 40px 20px;
}

.social-section #twitter h3 {
    font-size: 24px;
    line-height: 1.292em;
    margin-bottom: 0.85em;
    padding: 0;
    font-family: 'Raleway Medium', Arial, sans serif;
}

.social-section #twitter h3 span {
    font-size: 18px;
    margin-left: 10px;
}

.social-section #twitter h3 .button {
    font-size: 16px;
    float: right;
    background-color: #f2f2f2;
    transition: all 0.2s;
}

.social-section #twitter h3 .button:hover {
    background-color: #bae1ec;
}

.social-section #twitter .feed a {
    width: 100%;
    float: left;
    color: #666666;
    font-weight: normal;
    margin-bottom: 40px;
}

.social-section #twitter .feed a:last-of-type {
    margin-bottom: 0;
}

.social-section #twitter .feed img {
    float: left;
    margin-right: 20px;
}

@media all and (max-width: 1200px) {
    .intro-text {
        width: 100%;
        padding: 40px;
    }

    .member-benefits {
        width: 100%;
        padding-bottom: 35px;
    }

    .member-benefits .benefits li {
        width: 50%;
        margin-bottom: 40px;
    }

    .shop-section .popular-prod .products_popular_callout ul.carousel_products_popular_inner {
        width: 100%;
        padding-right: 20px;
    }

    .shop-section .popular-prod .products_popular_callout .popular-imgs {
        margin: 0;
    }

    .social-section .center-panel .block_callout .listings_callout_image, .social-section .center-panel .block_callout .listings_callout_detail {
        width: 100%;
        padding: 0;
    }

    .social-section .center-panel .block_callout .listings_callout_image img {
        width: auto;
        margin: 0 auto;
        display: block;
    }

    .social-section .center-panel .block_callout .listings_callout_detail {
        margin-top: 20px;
    }

    .social-section .center-panel .wide-button {
        font-size: 18px;
    }

    .social-section #twitter h3 .button {
        display: none;
    }
}

@media all and (max-width: 1050px) {
    .shop-section .shop-inner-cont {
        flex-direction: column;
    }

    .shop-section .cat-sellers {
        width: 100%;
    }

    .shop-section .best-sellers {
        padding-bottom: 40px;
    }

    .shop-section .popular-prod {
        width: 100%;
    }
}

@media all and (max-width: 1000px) {
    .social-section .featured-video, .social-section .center-panel {
        width: 50%;
    }

    .social-section .center-panel {
        padding: 40px 40px 40px 20px;
    }

    .shop-section .popular-prod .products_popular_callout {
        padding: 0 !important;
    }

    .social-section .center-panel .block_callout .listings_callout_wrapper {
        padding: 0;
    }

    .social-section .center-panel .block_callout .listings_callout_image {
        position: relative;
    }

    .social-section #twitter {
        width: 100%;
        padding: 40px;
    }

    .shop-section .popular-prod .products_popular_callout .popular-imgs img {
        position: relative;
    }

    .news-events .latest-events .event-right-cont {
        display: flex;
    }

    .news-events .latest-events .module_callout_list_item.index_1 {
        margin-bottom: 0;
        display: flex;
    }

    .news-events .latest-events .module_callout_list_item.index_2 {
        display: none;
    }

    .news-events .latest-news .module_callout_list_item.index_1 {
        display: none;
    }
}

@media all and (max-width: 900px) {
    .member-benefits .benefits-text {
        width: 100%;
    }

    .member-benefits .benefits {
        margin-top: 40px;
        width: 100%;
    }

    .news-events .latest-events, .news-events .latest-news {
        width: 100%;
        padding: 20px 20px;
    }

    .news-events .latest-events .module_callout_list_item.index_0 {
        width: 100%;
        padding: 0;
    }

    .news-events .latest-events .module_callout_list_item.index_1 {
        display: none;
    }

    .news-events .latest-events .event-right-cont {
        display: none;
    }
}

@media all and (max-width: 800px) {
    .shop-section .prod-cats {
        width: 100%;
    }

    .shop-section .prod-cats-cont {
        flex-direction: column;
    }

    .shop-section .prod-cats ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .shop-section .prod-cats li {
        width: 33%;
        float: left;
    }

    .shop-section .best-sellers {
        width: 100%;
    }

    .news-events .latest-events .module_callout, .news-events .latest-news .module_callout {
        border: none;
    }
}

@media all and (max-width: 650px) {
    .shop-section .popular-prod .products_popular_callout .carousel_products_popular_inner {
        width: 100%;
    }

    .shop-section .popular-prod .products_popular_callout .popular-imgs {
        display: none;
    }

    .social-section .featured-video, .social-section .center-panel {
        width: 100%;
        padding: 20px;
        text-align: center;
    }
}

@media all and (max-width: 600px) {
    .intro-text {
        padding: 20px;
    }

    .member-benefits {
        padding: 35px 0 0 0;
    }

    .shop-section .prod-cats {
        padding-bottom: 0;
    }

    .shop-section .prod-cats li {
        width: 50%;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .shop-section .prod-cats li:nth-of-type(2n+1) {
        clear: both;
    }

    .shop-section .best-sellers li {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }

    .shop-section .best-sellers li .side {
        width: 25%;
    }

    .shop-section .best-sellers li a {
        font-size: 20px;
        width: 75%;
        padding-left: 20px;
    }

    .shop-section .prod-cats {
        padding: 40px 20px 0 20px;
    }

    .shop-section .best-sellers {
        padding: 40px 20px 20px 20px;
    }

    .social-section #twitter {
        padding: 40px 20px 20px 20px;
    }
}

@media all and (max-width: 550px) {
    .shop-section .best-sellers li a {
        font-size: 16px;
    }
}

@media all and (max-width: 500px) {
    .member-benefits .benefits li {
        width: 100%;
    }
}

@media all and (max-width: 400px) {
    .shop-section .best-sellers li a {
        font-size: 14px;
    }

    .news-events h2 {
        width: 100%;
    }

    .news-events .latest-events .button, .news-events .latest-news .button {
        float: left;
        margin-bottom: 15px;
    }
}




/************
*Quick Fixes*
************/
