@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

@font-face {
    font-family: variable_bold;
    src: url('../font/VariableBlack.otf') format('opentype');
}
@font-face {
    font-family: variable_black;
    src: url('../font/VariableBold.otf') format('opentype');
}

body, html{
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
    min-width: 320px;
}
body{
background:url(../images/back_banner.png) repeat-x #333333;
background-position: top middle;
}

h1{
display:inline;
font-size:27px;
font-weight:bold;
}
h2{
display:inline;
font-size:27px;
font-weight:normal;
}
h3{
display:inline;
font-size:12px;
}
h4{
display:inline;
font-weight:normal;
}

/* IE PNG fix needs the htc file and blank.gif */
/*.imgimg{
behavior: url(../stylesheets/iepngfix.htc);
}*/

.clearfloat{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}

.indentlist ul, ol{
margin-left:30px;
}

a[href^=tel] {
color:#3399FF;
text-decoration:none;
}
.link_style a{
color:#3399FF;
text-decoration:none;
}
.link_style a:hover{
text-decoration:underline;
}

#banner_tab{
background: url(../images/banner_tab_left.png) no-repeat;
width: 70%;
min-width: 240px;
max-width: 408px;
height: 53px;
background-position: 0px 0px;
position: relative;
top: 4px;
margin-top: 15px;
}
#banner_tab_right{
background: url(../images/banner_tab_right.png) no-repeat;
max-width: 356px;
width: 100%;
height: 53px;
background-position: right 0px;
position: absolute;
left:50px;
}
#banner{
height:60px;
width:100%;
overflow:hidden;
}
#banner_content{
width:90%;
margin:0px auto 0px auto;
}
.banner_spacer{
background: url(../images/banner_spacer.png) repeat-x;
width:100%;
margin-top: 20px;
height:16px;
}
@media (max-width:750px){
    .banner_spacer{
        margin-top: 60px;
    }
}
#banner_logo{
background:url(../images/logo.png) no-repeat;
width:261px;
height:93px;
display: block;
position: absolute;
top: 30px;
}
#banner_container {
    position:relative;
    margin-bottom:10px;
    color:#FFF;
    font-size:20px;
    height: 200px;
}
#banner_photo{
    background:url(../images/banner_photo_crop.jpg) no-repeat;
    background-size: cover;
    width:55%;
    height: 100%;
}
#banner_text_container{
    background-color: #3399FF;
    position: absolute;
    top:0px;
    right: 0px;
    width: 45%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}
@media (max-width:600px) {
    #banner_container {
        height: 200px;
    }
    #banner_photo{
        background-size: cover;
        width:100%;
        height: 60%;
    }
    #banner_text_container{
        top:auto;
        bottom: 0px;
        width: 100%;
        height: 40%;
        padding: 10px;
    }
}
#banner_text{
background:url(../images/banner_photo_text.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size:contain;    
}
#banner_photo a{
color:#333333;
display:block;
text-decoration:none;
}
#banner_photo a:hover{
text-decoration:underline;
}

.banner_box{
padding-top:4px;
padding-bottom:3px;
padding-left:30px;
font-weight:bold;
font-size:14px;
color:#666666;
margin-bottom:3px;
}
.banner_box:hover{
text-decoration:underline;
}

#banner_edit{
background-image:url(../images/common/banner_edit.png);
background-repeat:no-repeat;
height:120px;
}

.friendly_url_table td{
	border-bottom:1px solid #CCC;
	padding:5px 10px;
}
.friendly_url_table a{
	color:#39F;
}
.friendly_url_title td{
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	color:#666;
}
.friendly_even td{
	background-color:#FFFFFF;
}
.friendly_odd td{
	background-color:#edf5ff;
}
#link_format{
	color:#39F;
}

.blue_line {
    border-top:5px solid rgb(51, 153, 255);
    margin-bottom:10px;
    margin-top:10px
}
.padded_box {
    padding: 15px;
}

.login_text{
font-size:12px;
color:#FFFFFF;
margin-top:12px;
margin-right:20px;
font-weight:normal;
cursor:pointer;
}
.login_text_responsive {
    color: #333;
    text-decoration: none;
    padding: 2px 0px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    cursor: pointer;
}
.terms_link_responsive{
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

#login_paneler{
	border:1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 6px #333;
	-webkit-box-shadow: 3px 3px 6px #333;
	box-shadow: 3px 3px 6px #333;
}
.login_paneler_title{
	color:#6E8295;
	background:url(../images/common/login_paneler_icon.png) no-repeat;
	width:300px;
	height:65px;
	font-size:18px;
	margin-bottom:20px;
}
.login_paneler_label{
	color:#6C8095;
	font-size:15px;
	font-weight:bold;
	width:110px;
	line-height:25px;
}
.login_paneler_textbox{
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	width:190px;
    max-width: 60%;
    float: right;
    box-sizing: border-box;
}
.login_paneler_submit{
	background:url(../images/common/login_paneler_submit.png) no-repeat;
	width:81px;
	height:33px;
	color:#FFF;
	text-align:center;
	line-height:33px;
	border:none;
	display:block;
	font-size:12px;
	cursor:pointer;
}

.modal_open{
    overflow: hidden;
    position: fixed;
}


#login{
text-decoration:none;
color:#FFFFFF;
position:relative;
top:90px;
right:20px;
font-size:12px;
cursor:pointer;
}
#frmLogin{
font-size:14px;
color:#666666;
line-height:17px;
}
#logout{
text-decoration:none;
color:#FFFFFF;
font-size:12px;
cursor:pointer;
}
.terms_link{
	color:#FFF;
	text-decoration:none;
}
.terms_link:hover{
	text-decoration:underline;
}

.terms_header{
	color:#3399FF;
	font-size:22px;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:10px;
}
.terms_content{
	color:#666;
	line-height:120%;
	font-size:13px;
	margin-bottom:60px;
}
.terms_content a{
	color:#3399FF;
	text-decoration:none;
}
.terms_content a:hover{
	text-decoration:underline;
}

.icon_twitter{
	background: url(../images/icon_twitter.png) no-repeat;
	width: 25px;
	height: 25px;
	text-decoration: none;
	border: none;
}
.icon_facebook{
	background: url(../images/icon_facebook.png) no-repeat;
	width: 25px;
	height: 25px;
	text-decoration: none;
	border: none;
}

.protectedtext{
	color:#333;
	font-size:14px;
	margin-bottom:15px;
	line-height:150%;
}
.protected_file_link{
	color:#333;
	display:block;
	text-decoration:none;
	padding:5px;
	padding-left:20px;
}
.protected_folder_text{
	color:#39F;
	font-weight:bold;
	background-color:#FFF;
	padding:5px 0px;
	border-bottom:1px solid #CCC;
	width:890px;
}
.protected_file_link:hover{
	color:#39F;
}
.protected_logout_link{
	font-size:14px;
	line-height:20px;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	background-color:#39F;
	padding:3px 8px;
	float:right;
}
.protected_header{
	font-size:20px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	font-weight:bold;
	color:#39F;
}
@media (max-width:800px) {
    .protected_header {
        margin-top: 10px;
    }
}
.protected_label{
	color:#333;
	font-size:15px;
	font-weight:bold;
	width:110px;
	line-height:25px;
}
.protected_submit{
	background-color:#39F;
	width:81px;
	height:33px;
	color:#FFF;
	text-align:center;
	line-height:33px;
	border:none;
	display:block;
	font-size:12px;
	cursor:pointer;
}
.protected_folder_spacer{
	border-bottom:1px solid #CCC;
	width:890px;
	margin:5px;
	float:left;
	height:1px;
	line-height:1px;
	font-size:1px;
}

.dotted_line{
background-image:url(../images/common/dotted_line.gif);
background-repeat:no-repeat;
width:155px;
height:1px;
font-size:0px;
line-height:1px;
}

.spotlight_block{
padding-left:105px;
padding-right:10px;
padding-top:30px;
}
.spotlight_block_title{
font-weight:bold;
font-size:20px;
color:#F1A310;
}
.spotlight_block_content{
font-size:12px;
color:#666666;
}


#spotlight_downloads{
background:url(../images/common/downloads_back.png) no-repeat;
width:332px;
height:114px;
margin-bottom:10px;
}
#spotlight_products{
background:url(../images/common/products_back.png) no-repeat;
width:332px;
height:114px;
margin-bottom:10px;
}
#spotlight_enquiries{
background:url(../images/common/enquiries_back.png) no-repeat;
width:332px;
height:114px;
}

#product_img_ecofloor{
background:url(../images/common/ecofloor_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
margin-right:10px;
cursor:pointer;
}
#product_img_ecofilm{
background:url(../images/common/ecofilm_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
margin-right:10px;
cursor:pointer;
}
#product_img_ecoflex{
background:url(../images/common/ecoflex_img.jpg) no-repeat;
width:298px;
height:154px;
float:left;
cursor:pointer;
}

.unsubscribe_text{
font-size:10px;
color:#666666;
}

.close_button{
	background:url(../images/button_close.png) no-repeat;
	width:40px;
	height:40px;
}

#home_youtube_popup {
    height:720px;
}
@media (max-width:800px) {
    #home_youtube_popup {
        height:480px;
    }
}

#home_funding {
    padding: 20px;
}
#home_funding_logo {
    background: url(../images/scottish_funding_logo.jpg) no-repeat;
    width: 225px;
    height: 70px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -20px;
}

#feature_home{
    height:200px;
    border:0px solid #999999;
    background-color:#FFFFFF;
    margin-bottom:14px;
    overflow:hidden;
    box-sizing: border-box;
    border: 1px solid #9a9a9a;
    position: relative;
}
#feature_home_photo {
    background:url(../images/video_photo_crop.jpg) no-repeat;
background-size:cover;
    width: 70%;
    height: 100%;
}
#feature_home_text_container{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
    height: 100%;
    padding:30px;
    box-sizing: border-box;
}
.feature_home_block_title{
font-size:27px;
font-weight:bold;
color:#F6A20C;
margin-bottom:10px;
}
.feature_home_block_content{
font-size:14px;
color:#333333;
line-height:16px;
overflow:hidden;
}
@media (max-width:960px) {
    #feature_home {
        height: 270px;
    }
    #feature_home_photo {
        width:100%;
        height: 65%;
    }
    #feature_home_text_container{
        width:100%;
        height: 35%;
        top:auto;
        bottom: 0px;
        padding: 10px 10px;
    }
}
#feature_home a{
color:#666666;
text-decoration:none;
}
#feature_home a:hover{
color:#3399FF;
}

#feature_region_home{
background:url(../images/quick_search_back.png) no-repeat;
width:289px;
height:108px;
padding-top:80px;
padding-left:20px;
font-size:14px;
font-weight:bold;
}
#feature_region_home select{
/*width:170px;*/
}
.quick_select{
width:170px;
height:20px;
}
.quick_select_expand{
width:300px;
}

.feature_region_home_text{
width:100px;
}
#feature_region_button_go{
background:url(../images/region_button_go.png) no-repeat;
width:80px;
height:22px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
padding-top:5px;
font-weight:bold;
font-size:14px;
}

#region_home_banner{
width:100%;
height:188px;
    box-sizing: border-box;
    position:relative;
    float:left;
    overflow: hidden;
}
.region_home_banner_image_container {
    position: absolute;
    top:0px;
    left:0px;
    width: 65%;
    height: 100%;
    background-image:url(../images/region_banner_progression_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.region_home_banner_text_container {
    position: absolute;
    top:0px;
    right:0px;
    background-color: #FFF;
    width: 35%;
    height: 100%;
}
.region_home_banner_text_best_viewed {
    position:absolute;
    bottom:20px;
    left:20px;
    width:calc(100% - 150px);
    font-size:10px;
    color:#666
}
.region_home_banner_text_quick_search {
    position:absolute;
    top:10px;
    left:20px;
    font-size:18px;
    color:#666
}
.region_home_east_intro {
    padding:15px;
    width:100%;
    box-sizing:border-box;
}
.region_home_east_contact {
    padding:30px 10px 30px 10px;
    width:100%;
    box-sizing:border-box;
}

@media (max-width:700px) {
    #region_home_banner{
        height:210px;
    }
    .region_home_banner_image_container {
        top:0px;
        left:0px;
        width: 100%;
        height: 55%;
    }
    .region_home_banner_text_container {
        top:auto;
        bottom:0px;
        left:0px;
        width:100%;
        height: 45%;
    }
    .region_home_banner_text_best_viewed {
        display: none;
    }
    .region_home_banner_text_quick_search {
        top:auto;
        bottom:20px;
        font-size: 14px;
    }
    .region_home_east_intro {
        width:100%;
    }
    .region_home_east_contact {
        padding:10px 10px 30px 10px;
        width:100%;
    }
}

.icon_contact_address{
	background: url(../images/icon_contact_address.png) no-repeat;
	padding-left: 60px;
	padding-top: 5px;
	min-height: 25px;
	font-size: 14px;
	color: #666;
}
.icon_contact_email{
	background: url(../images/icon_contact_email.png) no-repeat;
	min-height: 25px;
	padding-left: 60px;
	padding-top: 5px;
	color:#39F;
}
.icon_contact_phone{
	background: url(../images/icon_contact_phone.png) no-repeat;
	min-height: 25px;
	padding-left: 60px;
	padding-top: 5px;
	color: #666;
}

.rounded_box{
	border:1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#region_home_partner_container{
    display:table;
    height:100%;
    margin-bottom:20px;
    margin-top: 60px;
}
#region_home_partner_container_row{
    display:table-row;
}
#region_home_partner_college_container{
    display:table-cell;
    width:350px;
    height:100%;
    vertical-align:top
}
#region_home_partner_university_container{
    display:table-cell;
    width:586px;
    height:100%;
    vertical-align:top
}

#region_home_intro_container_west{
    display:table-cell;
    width:700px;
    height:100%;
    vertical-align:top
}
#region_home_intro_container_east{
    display:table-cell;
    width:400px;
    height:100%;
    vertical-align:top
}
#region_home_mentoring_container{
    display:table-cell;
    width:310px;
    height:100%;
    vertical-align:top
}
#region_home_info_container{
    display:table;
    height:100%;
    margin-bottom:10px;
    margin-top: 60px;
}
#region_home_info_container_row{
    display:table-row;
}

#twitter_container{
    height:550px;
    vertical-align:top;
    max-height: 550px;
    max-width: 100%;
}
#contact_container {
    display:table-cell;
    width:310px;
    vertical-align:top;
    max-height: 500px;
}
#stories_container {
    display:table-cell;
    width:310px;
    vertical-align:top;
}

@media (max-width:800px) {
    #region_home_partner_college_container{
        display: block;
        width: 100%;
    }
    #region_home_partner_university_container{
        display: block;
        width: 100%;
        margin-top: 60px;
    }
    #region_home_partner_container{
        display: block;
    }
    #region_home_partner_container_row{
        display: block;
    }
    
    #region_home_intro_container_west{
        display: block;
        width: 100%;
    }
    #region_home_intro_container_east{
        display: block;
        width: 100%;
    }
    #region_home_mentoring_container{
        display:block;
        width:100%;
        margin-top: 60px;
    }
    #twitter_container{
        display: block;
        width: 100%;
        height:350px;
        max-height: 350px;
        overflow: hidden;
    }
    #contact_container{
        display: block;
        width: 100%;
        margin-top: 60px;
    }
    #stories_container {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    #region_home_info_container{
        display:block;
    }
    #region_home_info_container_row{
        display:block;
    }
}

#region_home_partner_college{
	background:url(../images/partners_back_college.png) no-repeat;
	height: 58px;
}
#region_home_partner_university{
	background:url(../images/partners_back_university.png) no-repeat;
	height: 58px;
}

#region_home_about_swap_east{
	background:url(../images/east/about_back.png) no-repeat;
	height: 58px;
}
#region_home_mentoring_swap_east{
	background:url(../images/east/mentoring_back.png) no-repeat;
	height: 58px;
}
#region_home_contact_swap_east{
	/*background:url(../images/east/contact_back.png) no-repeat;*/
	height: 58px;
}
#region_home_about_swap_west{
	background:url(../images/west/about_back.png) no-repeat;
	height: 58px;
}
#region_home_contact_swap_west{
	background:url(../images/west/contact_back.png) no-repeat;
	height: 58px;
}

.region_home_about{
padding-top:58px;
padding-left:15px;
width:958px;
}
.region_home_about_west{
}
.region_home_about a{
color:#666666;
text-decoration:none;
}
.region_home_about a:hover{
color:#3399FF;
}
.region_home_about_text{
width:390px;
font-size:14px;
color:#333333;
margin-left:25px;
}
#region_home_about_east{
background:url(../images/east/about_back.png) no-repeat;
}
#region_home_about_west{
background:url(../images/west/about_back.png) no-repeat;
}
#region_home_about_north{
background:url(../images/north/about_back.png) no-repeat;
}

.padded_table td{
	padding: 10px;
	border-bottom: 1px solid #39F;
}

.region_home_contact{
width:199px;
height:139px;
padding-top:100px;
padding-left:90px;
padding-right:20px;
color:#333333;
font-size:14px;
}
#region_home_contact_east{
background:url(../images/east/contact_back.png) no-repeat;
}
#region_home_contact_west{
background:url(../images/west/contact_back.png) no-repeat;
}
#region_home_contact_north{
background:url(../images/north/contact_back.png) no-repeat;
}

.region_home_funders{
background:url(../images/partners_back.png) no-repeat;
width:309px;
height:233px;
margin-top:0px;
padding-left:0px;
padding-top:0px;
overflow:hidden;
}
.funder_spacer{
background:url(../images/common/funder_spacer.png) repeat-x;
width:600px;
height:1px;
line-height:1px;
font-size:1px;
margin-bottom:10px;
}
.region_home_funders a{
color:#666666;
text-decoration:none;
font-weight:bold;
font-size:15px;
}
.region_home_funders a:hover{
color:#3399FF;
}

.region_home_block{
	width:279px;
	position:relative;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
.region_home_story{
background:url(../images/region_stories.png) no-repeat;
width:634px;
height:159px;
padding-left:0px;
padding-top:80px;
overflow:hidden;
background-position:bottom;
}
.region_home_story a{
color:#666666;
text-decoration:none;
font-weight:bold;
font-size:15px;
}
.region_home_story a:hover{
color:#3399FF;
}

.region_home_story_title{
font-size:17px;
color:#333333;
font-weight:bold;
margin-bottom:10px;
}
.region_home_story_text{
width:157px;
color:#333333;
float:left;
font-size:12px;
}
.region_home_story_img{
float:left;
margin-right:15px;
border:1px solid #CCCCCC;
}
/*.region_home_story_more{
font-size:15px;
font-weight:bold;
color:#666666;
}*/

#region_subject_menu_button{
background:url(../images/region_subject_menu_back.png) no-repeat;
width:200px;
height:33px;
font-size:13px;
color:#333333;
line-height:31px;
padding-left:10px;
cursor:pointer;
}
.region_subject_menu_box{
padding:10px;
border:1px solid #CCCCCC;
border-top:0px;
background-color:#FFFFFF;
width:188px;
z-index:1000;
}
.region_subject_menu_box a{
display:block;
width:100%;
}


.region_subject_menu_item{
font-size:12px;
color:#333333;
text-decoration:none;
padding-top:3px;
padding-bottom:3px;
display:block;
}
.region_subject_menu_item:hover{
color:#3399FF;
}

.article_grid_block{
    width:33.33%;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
@media (max-width:960px) {
    .article_grid_block{
        width:50%;
        float: left;
        padding-right: 15px;
    }
}
@media (max-width:800px) {
    #article_grid_header{
        margin-top: 10px;
    }
}
@media (max-width:600px) {
    #article_grid_div{
        width: 100%;
    }
    .article_grid_block{
        width:100%;
        float: none;
        padding-right: 0px;
        box-sizing: border-box;
    }
}
.article_grid_blue_top{
background-color:#246CB7;
height:3px;
line-height:3px;
font-size:3px;
}
.article_grid_main_block{
border:1px solid #CCCCCC;
border-top:0px;
    position: relative;
}
.article_grid_img{
    width:100%;
    height:200px;
    overflow:hidden;
    box-sizing: border-box;
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    /*margin:0px 5px 5px 0px;*/
}
.article_grid_text_container {
    vertical-align:top;
    padding:10px;
    box-sizing: border-box;
    float: left;
    height: 150px;
}
.article_grid_date {
    font-size: 16px;
    color: #666;
    position: absolute;
    bottom: 16px;
    left: 10px;
}
.article_grid_name{
    color:#333333;
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}


#students_header{
    
}
#students_div{
    width: calc(100% + 15px);
}
.student_block{
    width:33.33%;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
@media (max-width:960px) {
    .student_block{
        width:50%;
        float: left;
        padding-right: 15px;
    }
}
@media (max-width:800px) {
    #students_header{
        margin-top: 10px;
    }
}
@media (max-width:600px) {
    #students_div{
        width: 100%;
    }
    .student_block{
        width:100%;
        float: none;
        padding-right: 0px;
        box-sizing: border-box;
    }
}
.student_blue_top{
background-color:#246CB7;
height:3px;
line-height:3px;
font-size:3px;
}
.student_main_block{
border:1px solid #CCCCCC;
border-top:0px;
padding:12px;
    position: relative;
}
.student_img{
width:100px;
height:100px;
border:1px solid #CCCCCC;
overflow:hidden;
    float: left;
    /*margin:0px 5px 5px 0px;*/
}
.student_text_container {
    width: 50%;
    width: calc(100% - 110px);
    vertical-align:top;
    padding-left:10px;
    box-sizing: border-box;
    float: left;
}

input.upload_hide {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

.student_story_button{
background:url(../images/region_students_more_button.png) no-repeat;
width:120px;
height:23px;
padding-top:4px;
padding-left:10px;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
position:absolute;
bottom:12px;
right:12px;
cursor:pointer;
}
.student_name{
color:#333333;
font-size:15px;
font-weight:bold;
margin-bottom:3px;
}
.student_brief{
overflow:hidden;
font-size:13px;
color:#3399FF;
    max-width: 100%;
}
.student_page_block {
    float: left;
    width:calc(100% - 228px);
}
.student_page_text_container{
    float:left;
    width:calc(100% - 175px);
    box-sizing: border-box;
    overflow:hidden;
    position:relative;'
}
.student_page_spacer{
background:url(../images/student_page_spacer.png) repeat-x;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
}
.student_page_img{
width:150px;
height:150px;
border:1px solid #CCCCCC;
overflow:hidden;
}
.student_page_img img{
/*border:1px solid #CCCCCC;*/
}
@media (max-width:800px){
    .student_page_text_container{
        width:100%;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .student_page_img {
        margin-left: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width:600px){
    .student_page_block {
        width:100%;
    }
}
.student_page_name{
color:#3399FF;
font-size:19px;
font-weight:bold;
margin-bottom:3px;
}
.student_page_brief{
overflow:hidden;
font-size:19px;
color:#3399FF;
}
.student_page_description{
font-size:14px;
color:#333333;
margin-top:35px;
margin-bottom:60px;
}
.student_page_description,
.student_page_description span,
.student_page_description div,
.student_page_description li,
.student_page_description td{
	line-height: 150%;
}


.subject_title{
color:#3399FF;
font-size:22px;
height:25px;
}
.subject_title h1{
color:#3399FF;
font-size:22px;
}
.subject_spacer{
background-color:#CCCCCC;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
margin-top:7px;
margin-bottom:30px;
}
.subject_subtitle{
width:160px;
}
.subject_subtitle h2{
color:#3399FF;
font-size:14px;
font-weight:bold;
}
.subject_text{
font-size:14px;
color:#333333;
width:556px;
}
.subject_text a{
color:#3399FF;
text-decoration:none;
}
.subject_text a:hover{
text-decoration:underline;
}

.institution_spacer{
background:url(../images/institution_spacer.png) repeat-x;
width:560px;
height:1px;
line-height:1px;
font-size:1px;
margin-top:5px;
margin-bottom:5px;
}
.institution_name{
color:#333333;
font-size:13px;
font-weight:bold;
}
.institution_content{
color:#333333;
font-size:13px;
}
.institution_content a{
color:#3399FF;
text-decoration:none;
}
.institution_content a:hover{
text-decoration:underline;
}

#partners_div {
    width: 100%;
}
.partner_spacer{
background:url(../images/institution_spacer.png) repeat-x;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
margin-top:5px;
margin-bottom:5px;
}
.partner_name{
color:#333333;
font-size:13px;
font-weight:bold;
}
.partner_content{
color:#333333;
font-size:13px;
}
.partner_content a{
color:#3399FF;
text-decoration:none;
}
.partner_content a:hover{
text-decoration:underline;
}

.search_page_title{
margin-bottom:20px;
padding-top: 10px;
}
.search_page_title h1{
color:#3399FF;
font-size:22px;
}
.search_results_title a{
color:#3399FF;
font-size:14px;
font-weight:bold;

}
.search_results_content{
color:#333333;
font-size:14px;
margin-top:5px;
}
.search_spacer{
background:url(../images/search_spacer.png) repeat-x;
width:956px;
height:1px;
font-size:1px;
line-height:1px;
margin-top:10px;
margin-bottom:10px;
}
.search_results_tab_selected{
background-color:#3399FF;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
border:1px solid #3399FF;
border-bottom:0px;
padding:5px;
padding-left:20px;
padding-right:20px;
margin-right:5px;
}
.search_results_tab{
background-color:#FFFFF;
font-weight:bold;
font-size:14px;
color:#333333;
border:1px solid #CCCCCC;
border-bottom:0px;
padding:5px;
padding-left:20px;
padding-right:20px;
margin-right:5px;
}
.search_results_tab_base{
background-color:#3399FF;
width:955px;
height:1px;
line-height:1px;
font-size:1px;
margin-bottom:10px;
}

#lang_icon_en{
background:url(../images/common/language_en.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_en_selected{
background:url(../images/common/language_en_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_de{
background:url(../images/common/language_de.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_de_selected{
background:url(../images/common/language_de_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_fr{
background:url(../images/common/language_fr.png) no-repeat;
width:32px;
height:32px;
}
#lang_icon_fr_selected{
background:url(../images/common/language_fr_roll.png) no-repeat;
width:32px;
height:32px;
}
#lang a{
float:left;
}

#nav_products ul{
list-style:none;
}
#nav_products a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
#nav_block{
    width:20%;
    overflow: hidden;
}
@media (max-width:800px) {
    #nav_block {
        display: none;
    }
}
#nav {
    float:left;
    width:100%;
}
#nav ul{
list-style:none;
width:100%;
}
.nav_item{
    width: 100%;
    padding-bottom: 8px;
display:block;
text-decoration:none;
font-size:13px;
color:#666666;
padding-top:8px;
padding-left:0px;
}
.nav_item:hover{
text-decoration:underline;
}
.nav_item_selected{
width: 100%;
    padding-bottom: 8px;
display:block;
color:#3399FF;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding-top:8px;
padding-left:0px;
}
.nav_spacer{
background:url(../images/nav_menu_spacer.png) repeat-x;
width:206px;
height:1px;
margin-top:3px;
margin-bottom:3px;
line-height:1px;
font-size:1px;
}

.distributor_location{
font-size:16px;
color:#F7A20B;
font-weight:bold;
}
.distributor_description{
font-size:14px;
color:#333333;
min-height:100px;
line-height:18px;
}
.distributor_description a{
color:#666666;
text-decoration:none;
}

#nav_products ul{
list-style:none;
}

#products{
background-color:#FFFFFF;
margin-top:20px;
margin-bottom:100px;
}
#products_title{
background-color:#666666;
color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
font-size:27px;
font-weight:bold;
}
#products_content{
}
.products_article_title{
font-size:27px;
color:#3399FF;
margin-top:1px;
margin-bottom:10px;
}
.products_article_content{
font-size:13px;
color:#666666;
}
.products_article_content,
.products_article_content span,
.products_article_content div,
.products_article_content li,
.products_article_content td{
	line-height: 150%;
}
.products_article_content a{
color:#3399FF;
}
.products_article_content table{
table-layout:fixed;
}

.popup_product_title{
}

.popup_product_content{
width:250px;
height:220px;
overflow:hidden;
}

@media (max-width:960px) {
    .applicant_form_wide {
        margin-left: 20%;
        padding-left: 20px;
    }
}
@media (max-width:800px) {
    .applicant_form_wide {
        margin-left: auto;
        padding-left: 20px;
    }
}
.not_sure{
color:#3399FF;
font-size:12px;
cursor:pointer;
}
#feature_spotlight_east {
    background:url(../images/choose_east.png) no-repeat;
    width:180px;
    height: 280px;
    padding-top: 50px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#feature_spotlight_west {
    background:url(../images/choose_west.png) no-repeat;
    width:180px;
    height: 280px;
    padding-top: 50px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#feature_spotlight{
border:0px solid #999999;
}
.feature_spotlight_link{
border:0px solid #000000;
width:154px;
height:48px;
position:absolute;
top:52px;
left:12px;
cursor:pointer;
}
.feature_spotlight_box{
border:0px solid #333333;
width:124px;
padding-left:55px;
color:#333333;
font-size:13px;
position:relative;
}
.feature_spotlight_field{
font-size:13px;
}
.feature_spotlight_title{
font-size:16px;
color:#F7A10C;
font-weight:bold;
}
.feature_spotlight_content{
font-size:11px;
color:#666666;
}
.feature_spotlight_email{
text-decoration:none;
color:#333333;
font-size:13px;
}
.feature_spotlight_email:hover{
color:#3399FF;
}

.img_links_home a{
text-decoration:none;
}

.downloads_title{
font-size:21px;
font-weight:bold;
color:#F6A20B;
margin-bottom:10px;
}
.downloads_text{
font-size:14px;
color:#666666;
margin-bottom:20px;
}
.downloads_block_title{
margin-top:12px;
margin-left:15px;
}
.downloads_block_title a{
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#666666;
}
.downloads_block_category{
font-size:17px;
font-weight:bold;
text-decoration:none;
color:#F6A20B;
margin-bottom:5px;
}

.news_article_title{
font-size:18px;
color:#F7A20B;
margin-bottom:15px;
}
.news_article_date{
font-size:10px;
color:#666666;
margin-top:5px;
margin-left:7px;
}
.news_article_content{
font-size:12px;
color:#666666;
}
.news_article_content a{
color:#F6A20B;
}
#news_current_page{
text-decoration:underline;
}

.news_article_spacer{
height:1px;
line-height:1px;
font-size:1px;
width:650px;
background-color:#CCCCCC;
margin-top:20px;
margin-bottom:20px;
}

#news_home{
width:490px;
height:200px;
overflow:hidden;
border:1px solid #999999;
padding:5px;
float:left;
margin-right:10px;
}
#news_home_title{
background-color:#666666;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
letter-spacing:-1.5px;
padding:5px 15px 5px 15px;
}

#links{
padding-left:10px;
padding-right:10px;
}

#links_home{
width:390px;
height:200px;
overflow:hidden;
padding:5px;
/*padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:30px;*/
float:left;
border:1px solid #999999;
}
.links_home_title{
margin-bottom:10px;
background-color:#666666;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
letter-spacing:-1.5px;
padding:5px 15px 5px 15px;
}
#links a{
font-size:13px;
color:#666666;
padding-top:5px;
display:block;
}

.twitter-follow-button{
    
    color:#FFF !important;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    background-color: #1b95e0;
    background-size: 20px;
    background-position: 5px center;
    border-radius:5px;
    text-decoration: none;
    padding:5px 10px 5px 30px;
    font-size: 13px;
    line-height: 26px;
    font-weight: 500;
}

#student_sidebar_container {
    width: 250px;
}
@media (max-width:800px) {
    #student_sidebar_container {
        width: 100%;
    }
}

@media (max-width:800px) {
    #useful_links_container {
        margin: 10px 0px 0px 20px;
    }
}

#useful_links_top{
background:url(../images/useful_links_top.png) no-repeat;
width:200px;
height:29px;
}
#useful_links{
background:url(../images/useful_links_mid.png) repeat-y;
width:200px;
}
#useful_links_base{
background:url(../images/useful_links_base.png) no-repeat;
background-position:bottom;
padding:15px;
}
#useful_links a{
font-size:14px;
text-decoration:none;
color:#333333;
padding: 5px 0px;
    display: block;
}
#useful_links a:hover{
color:#3399FF;
}
.useful_links_separator{
    border-bottom: 1px solid #CCC;
    height:1px;
}

#menu{
/*background-image:url(../images/common/menu_black_round.png);*/
background-repeat:no-repeat;
text-align:center;
margin-top:12px;
/*width:300px;*/
overflow:hidden;
float:right;
margin-right:0px;
margin-top:0px;
}
#menu_list{
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    color:#666666;
    white-space:nowrap;
    list-style-type:none;
    padding-bottom:0px;
    display:block;
}
@media (max-width:800px) {
    #menu_list_container {
        display: none;
    }
}

#menu_list li{
line-height:22px;
display:inline;
float:left;
}

#menu_responsive{
    display: none;
    /*background-color: #3399FF;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    float: right;*/
}

@media (max-width:750px) {
    #menu{
        display: none
    }
    #menu_responsive{
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

}

.menu_end_left{
background:url(../images/common/top_menu_left.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_left_roll{
background:url(../images/common/top_menu_left_roll.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_right{
background:url(../images/common/top_menu_right.png) no-repeat;
width:5px;
height:40px;
}
.menu_end_right_roll{
background:url(../images/common/top_menu_right_roll.png) no-repeat;
width:5px;
height:40px;
}
.menu_list_item{
/*padding:2px 5px 2px 5px;*/
height:40px;
text-decoration:none;
color:#666666;
display:block;
overflow:hidden;
white-space:nowrap;
margin-top:5px;
padding-left:20px;
padding-right:20px;
float:left;
}
.menu_list_item_selected{
/*padding:2px 5px 2px 5px;*/
height:40px;
text-decoration:none;
color:#F6A20C;
display:block;
overflow:hidden;
white-space:nowrap;
margin-top:5px;
padding-left:20px;
padding-right:20px;
float:left;
}
@media (max-width:450px) {
    .menu_list_item{
        padding-left:5px;
        padding-right:5px;
        background-size: 80% auto;
    }
    .menu_list_item_selected{
        padding-left:5px;
        padding-right:5px;
        background-size: 80% auto;
    }
}

.menu_national{
background-image:url(../images/menu_national.png);
background-repeat: no-repeat;
background-position:center;
width:110px;
height:43px;
}
.menu_national:hover{
background-image:url(../images/menu_national_roll.png);
}
.menu_national_selected{
background-image:url(../images/menu_national_select.png);
background-repeat: no-repeat;
background-position:center;
width:110px;
height:43px;
}

.menu_east{
background-image:url(../images/menu_east.png);
background-repeat: no-repeat;
background-position:center;
width:59px;
height:43px;
}
.menu_east:hover{
background-image:url(../images/menu_east_roll.png);
}
.menu_east_selected{
background-image:url(../images/menu_east_select.png);
background-repeat: no-repeat;
background-position:center;
width:59px;
height:43px;
}

.menu_west{
background-image:url(../images/menu_west.png);
background-repeat: no-repeat;
background-position:center;
width:73px;
height:43px;
}
.menu_west:hover{
background-image:url(../images/menu_west_roll.png);
}
.menu_west_selected{
background-image:url(../images/menu_west_select.png);
background-repeat: no-repeat;
background-position:center;
width:73px;
height:43px;
}

.menu_north{
background-image:url(../images/menu_north.png);
background-repeat: no-repeat;
background-position:center;
width:77px;
height:43px;
}
.menu_north:hover{
background:url(../images/menu_north_roll.png);
}
.menu_north_selected{
background-image:url(../images/menu_north_select.png);
background-repeat: no-repeat;
background-position:center;
width:77px;
height:43px;
}

.menu_spacer{
background:url(../images/menu_spacer.png) repeat-y;
width:1px;
height:52px;
}
.menu_list_item:hover{
cursor:pointer;
color:#F6A20C;
/*background-color:#0083D3;*/
}
.menu_list_spacer{
background-image:url(../images/common/menu_spacer.png);
background-repeat:no-repeat;
width:1px;
height:28px;
display:block;
margin-left:-0px;
margin-right:-0px;
/*padding:6px 0px 6px 0px;*/
}

#menu_list_mid{
font-weight:bold;
font-size:14px;
text-decoration:none;
color:#666666;
white-space:nowrap;
list-style-type:none;
padding-bottom:0px;
display:block;
}
#menu_list_mid li{
line-height:22px;
display:inline;
float:left;
text-align:center;
}

#menu_list_mid_responsive{
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    color:#666666;
    white-space:nowrap;
    list-style-type:none;
    padding-bottom:0px;
    display:block;
    background-color: #
}
#menu_list_mid li{
    line-height:22px;
    display:block;
    text-align:center;
}

.submenu_list_item_responsive{
/*padding:2px 5px 2px 5px;*/
/*background:url(../images/common/mid_menu_back.png) no-repeat;*/
height:28px;
text-decoration:none;
color:#333333;
display:block;
overflow:hidden;
white-space:nowrap;
padding:2px;
padding-left:0px;
padding-right:0px;
}
.submenu_list_item_responsive_selected{
/*padding:2px 5px 2px 5px;*/
height:28px;
text-decoration:none;
color:#3399FF;
display:block;
overflow:hidden;
white-space:nowrap;
padding:2px;
padding-left:0px;
padding-right:0px;
}
.submenu_spacer_responsive {
    
}
.close_responsive_panel{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: #CCC;
    z-index: 1000;
    color: #FFF;
    font-size: 30px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    line-height: 45px;
    background-color: #333;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    font-weight: bold;
}

.responsive_submenu_icon {
    position: absolute;
    top: 4px;
    left: 10px;
}
#submenu_responsive {
    position: relative;
    width: 100%;
    background-color: #3399FF;
    padding: 5px 10px;
    padding-left: 80px;
    color:#FFF;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 4px;
    display: none;
    cursor: pointer;
}
#submenu_responsive_panel {
    position: absolute;
    left: 50%;
    margin-left: -45%;
    width:90%;
    height: 95%;
    background-color: #FFF;
    box-sizing: border-box;
    z-index:100;
    border-radius: 10px;
    padding: 20px;
}
@media (orientation:landscape) {
    #submenu_responsive_panel {
        height: calc(95% - 100px);
        top:50px;
    }
}
#submenu_responsive_panel_darken {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#submenu_responsive_panel_content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
.subnav {
    padding: 0px 0px 0px 30px;
}


#submenu{
margin-top:4px;
float:left;
    display: block;
}
@media (max-width:800px) {
    #submenu {
        display: none;
    }
    #submenu_responsive {
        display: block;
    }
}
.submenu_list_item{
/*padding:2px 5px 2px 5px;*/
/*background:url(../images/common/mid_menu_back.png) no-repeat;*/
height:38px;
text-decoration:none;
color:#333333;
display:block;
overflow:hidden;
white-space:nowrap;
padding:2px;
padding-left:0px;
padding-right:0px;
float:left;
}
.submenu_list_item_selected{
/*padding:2px 5px 2px 5px;*/
background:url(../images/submenu_button_mid.png) repeat-x;
height:38px;
text-decoration:none;
color:#FFFFFF;
display:block;
overflow:hidden;
white-space:nowrap;
padding:2px;
padding-left:5px;
padding-right:5px;
float:left;
}
.submenu_list_item:hover{
cursor:pointer;
text-decoration:underline;
/*background-color:#0083D3;*/
}
.submenu_left_sel{
background:url(../images/submenu_button_left.png) no-repeat;
width:4px;
height:42px;
}
.submenu_right_sel{
background:url(../images/submenu_button_right.png) no-repeat;
width:4px;
height:42px;
}
.submenu_left{
width:4px;
height:42px;
}
.submenu_right{
width:4px;
height:42px;
}
.submenu_spacer{
background:url(../images/submenu_spacer.png) repeat-y;
width:1px;
height:20px;
margin-top:3px;
margin-left:10px;
margin-right:10px;
float:left;
display:inline; /* fixes double-margin bug in IE */
}


#main{
width:100%;
}

#pageref{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
margin-right:10px;
}
.pagereflinks{
color:#666666;
text-decoration:none;
}
.pagereflinks:visited{
color:#666666;
}

.links_text a{
color:#999999;
}

/* change padding for end items */
/*#menu_left{
padding-left:22px;
}
#menu_right{
padding-right:23px;
}*/

#container{
width:100%;
max-width: 1100px;
margin:0px auto 0px auto;
padding-left:3%;
padding-right:3%;
padding-top:0px;
box-sizing: border-box;
position: relative;
}
#container_inner{
width: 100%;
box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.29);
border-radius: 0px 12px 0px 0px;
background-color: #FFF;
padding: 20px 3% 0px 3%;
box-sizing: border-box;
}
#container_content{
margin:0px auto 0px auto;
}
.shadow_bottom{
height:21px;
margin:0px auto 0px auto;
}

#news{
padding:10px;
padding-top:15px;
}
.news_home_icon{
background:url(../images/common/news_img.jpg) no-repeat;
width:32px;
height:34px;
float:left;
}
.news_home_block{
float:left;
width:400px;
padding:5px 0px 15px 5px;
}
.news_home_block_title{
font-size:16px;
font-weight:bold;
color:#F1A310;
margin-bottom:5px;
}
.news_home_block_content{
font-size:12px;
color:#666666;
}

#home_column_left {
    float: left;
    width:65%;
    width: calc(100% - 250px - 47px);
    box-sizing: border-box;
}
#home_column_right {
    float: left;
    width: 250px;
    box-sizing: border-box;
}

@media (max-width:800px) {
    #home_column_left {
        width:100%;
        margin-top: 20px;
    }
    #home_column_right {
        width: 100%;
    }
}

#home_spacer_vertical{
    background:url(../images/blue_bar.png) repeat-y;
    width:1px;
    height:620px;
    margin-left:23px;
    margin-right:23px;
    float: left;
    box-sizing: border-box;
}
@media (max-width:800px) {
    #home_spacer_vertical{
        display:none;
    }
}

#home_enquiry{
background:url(../images/enquiry.png) no-repeat;
background-position: 50% 5px;
width:210px;
padding:20px;
padding-top:80px;
font-size:13px;
color:#333333;
overflow:hidden;
}

#enquiry_narrow{
background:url(../images/enquiry_narrow.png) no-repeat;
background-position: 50% 15px;
width:168px;
padding:15px;
padding-top:60px;
font-size:13px;
color:#333333;
overflow:hidden;
}
.narrow_enquiry_textbox{
width:162px;
height:14px;
padding:3px;
margin-top:3px;
margin-bottom:3px;
border:1px solid #999999;
color:#333333;
font-size:11px;
float:left;
display:block;
}

.narrow_enquiry_textarea{
	font-family:Arial, Helvetica, sans-serif;
	width:162px;
	height:95px;
	max-width:162px;
	max-height:95px;
	margin-top:3px;
	padding:3px;
	color:#333;
	font-size:11px;
	border:1px solid #999;
	display:block;
}

.home_story{
    width:100%;
    padding:10px 15px;
    border: 1px solid #9a9a9a;
    border-radius: 12px;
    overflow:hidden;
    box-sizing: border-box;
    margin-bottom: 20px;
    float: left;
}
.home_story_spacer {
    float: left;
    height:20px;
}
.home_story_spacer_last {
    float: left;
    height: 0px;
}
@media (max-width:800px) {
    .home_story {
        width: 45%;
        width:calc(50% - 10px);
    }
    .home_story_spacer {
        height: 200px;
        width: 20px;
    }
    .home_story_spacer_last {
        height: 200px;
        width: 0px;
    }
    .responsive_invisible {
        display: none;
    }
}
@media (max-width:600px) {
    .home_story {
        width:100%;
        margin-bottom: 14px;
    }
    .home_story_spacer {
        display: none;
    }
}
.home_story_header {
    background: url(../images/stories.png) no-repeat;
    width:100%;
    height: 40px;
}
.home_story_title{
    font-size:17px;
    color:#333333;
    font-weight:bold;
    margin-bottom:6px;
}
@media (max-width:800px) {
    .home_story_title{
        height: 20px;
        overflow: hidden;
    }
}
.home_story_img{
float:left;
margin-right:15px;
border:1px solid #CCCCCC;
}
.home_story_img img{

}
.home_story_text{
    width:45%;
width:calc(100% - 120px);
    box-sizing: border-box;
    height: 100px;
    overflow: hidden;
float:left;
font-size:12px;
color:#333333;
}
.home_story_more{
background:url(../images/home_button_stories.png) no-repeat;
    background-position:center right;
    box-sizing: border-box;
    border-radius:3px;
width:100%;
height:27px;
color:#FFFFFF;
line-height:26px;
padding-left:10px;
font-size:15px;
font-weight:bold;
margin-top:8px;
cursor:pointer;
}

.read_more_text{
font-size:15px;
font-weight:bold;
padding-right:5px;
cursor:pointer;
}

.floor_plan_title{
font-size:16px;
color:#F1A310;
font-weight:bold;
margin-bottom:5px;
}
.floor_plan_text{
font-size:14px;
color:#666666;
margin-bottom:10px;
}

#c1{
margin-right:5px;
float:left;
width:175px;
}
#footer{
margin-top:20px;
font-size:10px;
color:#000000;
text-align:center;
background-color:#CCCCCC;
width:100%;
box-sizing: border-box;
}
#footer a{
text-decoration:none;
color:#000000;
}
#footer a:hover{
    text-decoration: underline;
    color:#3399FF;
}
.close_popup{
text-decoration:none;
color:#333333;
}
.lightbox {
/*margin:0px auto 0px auto;*/
margin-top:0%;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
color: #333;
/*display: none;*/
position:relative;
/*width:60%;
top: 0;
left: 0;
right: 50%;
width: 50%;
height: 50%;*/
padding: 10px;
border: 10px solid #B8B8B8;
background-color: white;
text-align: left;
z-index:1002;
/*overflow: auto;	*/
}
#overlay{
/*background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
background-image:url(../images/common/transparency3.png);
background-repeat:repeat;*/
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
/* IE6 and below Can't See This */
/*.lightbox[id]{  position:fixed; }*/
#overlay[id]{
/*background-color:transparent;*/
position:fixed;
}
#loadingbar{
background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1000;
}
#loadingbar[id]{
position:fixed;
}

.popup_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1001;
}
/*#table_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%
}*/

/* popup upload box */

img.name { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }
img.button {
width: 81px; height: 34px;
cursor: pointer; margin-right: 5px;
}
div.file {
width: 180px; height: 20px;
margin: 0px; padding: 5px;
border: 1px solid #DDD;
color: #000000; font-weight: bold;
}
#files{
width:100%;
height:300px;
overflow:scroll;
overflow-x:hidden;
border: 1px solid;
}
div.file div {width: 0px; height: 5px; background-color: #FFF; bottom: 5px; left: 5px; }

#articles{
/* CAREFUL - this can mess up the editor going from fullscreen and back */
padding-left:10px;
padding-right:10px;
}
#article_submit{
/*background-image:url(../images/common/article_add.png);
background-repeat:no-repeat;
width:31px;
height:39px;*/
margin:10px;
cursor:pointer;
border:0px;
}
.article{
padding-top:20px;
padding-bottom:20px;
}
.article_block{
    width: 55%;
    width:calc(80% - 200px);
    float:left;
    padding-right:35px;
    padding-left:35px;
    overflow: hidden;
    box-sizing: border-box;
}
.article_block_contact, .article_block_sidebar{
    width: 50%;
    width:calc(80% - 252px);
    float:left;
    padding-right:35px;
    padding-left:35px;
    padding-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.article_block_wide{
    width:80%;
    float:left;
    padding-left:35px;
    overflow:hidden;
    box-sizing: border-box;
}
@media (max-width:960px) {
    .article_block_contact{
        width:80%;
        padding-right:20px;
        padding-left:20px;
    }
}
@media (max-width:800px) {
    .article_block{
        width:100%;
        padding-right:20px;
        padding-left:20px;
    }
    .article_block_contact, .article_block_sidebar{
        width:100%;
        padding-right:20px;
        padding-left:20px;
    }
    .article_block_wide{
        width:100%;
        padding-right:20px;
        padding-left:20px;
    }
}
.article_title{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin-bottom:15px;
}
.article_image{
width:160px;
height:106px;
border:1px #CBCBCB solid;
float:left;
cursor:pointer;
}
.article_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
width:100%;
padding-left:0px;
padding-right:0px;
float:left;
}
.article_separator{
background-image:url(../images/common/article_separator.gif);
background-repeat:no-repeat;
width:510px;
height:1px;
font-size:0px;
}
.album_image{
cursor:pointer;
}
#album_add{
width:100px;
padding-bottom:10px;
padding-left:10px;
}

#SMS{
background-image:url(../images/BigShout/SMS.png);
background-repeat:no-repeat;
width:165px; /*175 minus padding*/
height:252px; /*120 minus padding*/

font-family:"Century Gothic", arial;
/*font-weight:bold;
font-size:18px;
text-decoration:none;*/
color:#FFFFFF;

margin-bottom:6px;

padding-left:10px;
padding-top:10px;

overflow:hidden;
}
#SMS_input{
margin-top:130px;
}
#email_field{
width:150px;
}

#ffupload{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#ffupload a{
color:#FF3366;
}

.enquiry_label {
    display: none;
}

.enquiry_text{
font-size:12px;
color:#333333;
width:200px;
float:left;
}
.enquiry_text_small{
font-size:12px;
color:#333333;
}
.enquiry_textbox{
width:203px;
height:14px;
padding:3px;
margin-top:3px;
margin-bottom:3px;
_margin-top:2px;
_margin-bottom:2px;
border:1px solid #999999;
color:#333333;
font-size:11px;
float:left;
display:block;
}
.enquiry_textarea{
	font-family:Arial, Helvetica, sans-serif;
	width:203px;
	height:100px;
	max-width:203px;
	max-height:100px;
	margin-top:3px;
	padding:3px;
	color:#333;
	font-size:11px;
	border:1px solid #999;
	display:block;
}
.enquiry_textarea_small{
	font-family:Arial, Helvetica, sans-serif;
	width:203px;
	height:40px;
	max-width:203px;
	max-height:40px;
	margin-top:3px;
	padding:3px;
	color:#333;
	font-size:11px;
	border:1px solid #999;
	display:block;
}
.enquiry_spacer{
height:10px;
}

.contact_us_text{
font-size:12px;
color:#333333;
}

.cssbutton{
cursor:pointer;
margin:0px;
}
a.cssbutton {
    background: transparent url('../images/common/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.cssbutton span {
    background: transparent url('../images/common/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.cssbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.cssbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* The switch - the box around the slider */
.button_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* The slider */
.button_switch_toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.button_switch_toggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.button_switch_toggle_checked {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.button_switch_toggle_checked:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.button_switch_toggle {
  border-radius: 34px;
}

.button_switch_toggle:before {
  border-radius: 50%;
}

/*#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	*/