@charset "utf-8";
body{
margin: 0;
padding: 0;
text-align: center;
background: #FFFFFF;
}
.background_hp{
background: #ffffff url("../images/general/backgroundhp.jpg");
background-position: center center;
background-size: cover;
}
.background_sub{
background: #ffffff url("../images/general/maincontent_bg.jpg");
background-position: center top;
background-size: cover;
}
body img{border: none;}
body a img{border: none;}
html{overflow: -moz-scrollbars-vertical;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.padding10px{padding:10px;}
/* CONTAINERS */
header{
width: 100%;
height: 100px;
background: #FFFFFF;
text-align: center;
margin: 0 auto;
padding: 0;
position: relative;
}
.header{
height: 110px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 1200px;
}
.header_logo{
float: left;
height: auto;
margin: 20px 0 12px;
padding: 0;
text-align: center;
}
.header_logo img{width: 80;}
.header_content{
float: left;
height: auto;
margin: 3% 0 0 20%;
padding: 0;
text-align: left;
width: 45%;
}
.header_search{
width: 100%;
height: auto;
float: right;
text-align: right;
margin: 20px 0 0 0;
padding: 0;
display:none;
}
.header_mainnav{
width: 100%;
height: 60px;
float: left;
text-align: center;
margin: 0;
padding: 0;
background:#002040;
opacity:0.8;
}
.header_checkout{
width: 60%;
height: auto;
float: right;
text-align: right;
margin: 65px 5% 0 5%;
padding: 0;
}
.banner{
width: 100%;
height: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
position: relative;
display: block;
}
.banner img{
width: 100%;
height: ;
}
.sub_banner{
bottom:0;
right:0;
max-width: 100%;
height: auto;
width: auto;
}
#maincontent{
height: auto;
margin: 0 auto;
/*max-width: 1200px;*/
padding: 0;
width: 100%;
}
#maincontent_contactus{
height: auto;
margin: 0 auto;
max-width: 100%;
padding: 0;
width: 100%;
}
footer{
width: 100%;
height: 350px;
background: #00336B;
margin: 0 auto;
padding: 0;
position: relative;
display: block;
}
.footer{
height: auto;
margin: 0 auto 0 18%;
padding: 0;
text-align: center;
}
.footer_nav{
float: left;
height: auto;
margin: 20px 1% 0 0;
padding: 0;
width: 22%;}
.footer_nav span{
width: 96%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0 0 5px 4%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
.footer_nav ul{
width: 96%;
height: auto;
float: left;
margin: 0;
padding: 10px 0 0 4%;
}
.footer_nav li{
width: 130%;
height: auto;
text-align: left;
margin: 0 1% 0 0;
padding: 0 0 5px 0;
list-style-type: none;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color:#858585;
}
.footer_nav li a, .footer_nav li a:link, .footer_nav li a:visited{
text-decoration: none;
text-transform: normal;
font-weight: normal;
color: #AAAAAA;
}
.footer_nav li a:hover{
text-decoration: none;
text-transform: normal
font-weight: normal;
color: #FFFFFF;
}
.footer_nav_Ecom{
width: 17%;
height: auto;
float: left;
margin: 20px 1% 0 0;
padding: 0;
}
.footer_nav_Ecom span{
width: 96%;
height: auto;
border-bottom: 2px #999999 dotted;
float: left;
text-align: left;
margin: 0;
padding: 0 0 5px 4%;
font-family: 'Roboto', sans-serif;
font-size: 15px;
text-transform: uppercase;
color: #FFFFFF;
}
.footer_nav_Ecom ul{
width: 96%;
height: auto;
float: left;
margin: 0;
padding: 10px 0 0 4%;
}
.footer_nav_Ecom li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
font-family: 'Roboto', sans-serif;
font-size: 11px;
}
.footer_nav_Ecom li a, .footer_nav_Ecom li a:link, .footer_nav_Ecom li a:visited{
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #AAAAAA;
}
.footer_nav_Ecom li a:hover{
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #FFFFFF;
}
.footer_info{
float: left;
height: auto;
margin: 20px 1% 0 12%;
padding: 0;
width: 35%;
}
.footer_info span{
width: 96%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0 4% 5px 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
.footer_info ul{
width: 96%;
height: auto;
float: left;
margin: 0;
padding: 10px 4% 0 0;
}
.footer_info li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #868686;
}
.footer_info li.footer_siteMap{display:none;}
.footer_info li a, .footer_info li a:link, .footer_info li a:visited{
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #AAAAAA;
}
.footer_info li a:hover{
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #FFFFFF;
}
.footer_payment_checkout{
width: 18%;
height: auto;
float: right;
margin: 20px 10% 0 0;
padding: 0;
}
.footer_payment_checkout img{width: 100%;}
.footer_payment{
width:98%;
height:auto;
display: block;
float: left;
height: auto;
margin: 0;
padding: 1%;
text-align: center;
font-family:'Roboto', sans-serif;
font-size:16px;
line-height:25px;
color:#FFFFFF;
text-align:left;
}
/* END OF CONTAINERS */
/* CELLS */
.cell_full_hp{
float: left;
height: auto;
max-width: 1200px
padding: 0;
text-align: center;
width: 100%;
}
.cell_full{
width: 80%;
height: auto;
min-height: 500px;
float: left;
text-align: center;
margin: 0 10% 15px 10%;
padding: 0;
}
.cell_full_contact{
width: 100%;
height: auto;
min-height: 500px;
float: left;
text-align: center;
margin: 0 0 15px 0;
padding: 0;
}
.cell_full_sub{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
.cell_full_sub_contactus{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
/* END OF CELLS */
/* ASIDES/SECTIONS */
.section_content_hp{
float: right;
height: auto;
margin: 20px 10% 20px 0;
max-width: 550px;
padding: 0;
text-align: left;
width: 100%;
font-size:18px;
color:#333333;
font-family:'Roboto';
}
.section_content_hp h1{
text-align: left;
margin-top: 0;
font-size:30px;
color:#00336B;
text-transform:uppercase;
font-weight:300;
line-height:10px;}
.section_content_contactus{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 0;
top: 0;
color: #000000;
font-size: 16px;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 300;
text-align: center;
}
.aside_image{
width: 30%;
height: auto;
float: right;
text-align: left;
margin: 10px 0 0 0;
padding: 0;
}
.aside_image img{width: 100%;}
.section_image{
float: none;
height: auto;
margin: 10px 5% 0;
padding: 0;
text-align: center;
width: 100%;
}
.section_image p{
font-size:20px;
color:#002040;
font-weight:300;
font-family: "Roboto",serif;
}
.aside_jobs{
width: 45%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.section_jobs{
width: 50%;
height: auto;
float: left;
text-align: center;
margin: 0 5% 0 0;
padding: 0;
}
.section_jobs h2{margin-top: 0;}
.aside_findus_map{
width: 100%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.aside_nav{
width: 25%;
height: auto;
float: left;
text-align: left;
margin: 20px 5% 0px 0px;
padding: 0;
}
.section_content_nav{
width: 70%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.aside_content_sml_imgs{
/*width: 30%;*/
height: auto;
float: left;
text-align: left;
/*margin: 10px 5% 0 0;*/
}
.aside_content_sml_imgs img{
max-width: 100%;
width: auto;
}
.section_content{
width: 720px;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.section_content_sml{
float: none;
height: auto;
margin: 0 0 0 360px;
padding: 0;
text-align: left;
width: auto;
}
.section_content_sml p{
font-family: 'Roboto', sans-serif;
font-size:18px;
color:#0d0d0d;
}
.section_content_sml > ul {
list-style-image: url(../images/general/green-arrow.png);
color: #0d0d0d;
font-family: "Roboto",sans-serif;
font-size: 18px;
}
.section_content_sml li{
}
.aside_date{
width: 10%;
height: auto;
float: left;
text-align: center;
margin: 10px 2.5% 0 2.5%;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 20px;
color: #666666;
}
.aside_date p{
margin: 0;
padding: 0;
font-size: 70px;
font-weight: 400;
line-height: 70px;
}
.section_date_content{
width: 79%;
height: auto;
min-height: 100px;
border-left: 1px #CCCCCC solid;
float: left;
text-align: left;
margin: 0;
padding: 10px 0 10px 5%;
color: #000000;
}
.section_date_content h2{
margin: 0px 0px 15px 0px;
padding: 0;
font-size: 25px;
font-weight: normal;
}
.section_date_content div.SDCdivoptions{
width: 410px;
height: auto;
float: left;
text-align: left;
margin: 0px 0px 15px 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #444444;
}
.section_date_content div.SDCdivoptions span{
width: 120px;
height: auto;
float: left;
text-align: left;
margin: 0px 10px 0px 0px;
padding: 0;
font-size: 16px;
}
.section_date_content_img{
width: 300px;
height: auto;
float: left;
text-align: left;
margin: 0px 30px 15px 0px;
padding: 0;
}
.section_date_content_detail{
max-width: 410px;
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0px 0px 15px 0px;
padding: 0;
}
.section_video{
width: 560px;
height: auto;
background: #EEEEEE;
text-align: center;
margin: 0 auto 30px auto;
padding: 70px;
}
.section_video iframe{
width: 560px;
height: 420px;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.aside_products_img{
width: 48%;
height: auto;
float: left;
text-align: center;
margin: 0 4% 0 0;
padding: 0;
}
.section_products{
width: 48%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.section_products h2{
font-family: 'Roboto', sans-serif;
font-size: 30px;
font-weight: normal;
color: #3F3F3F;
margin: 0;
}
/* END OF ASIDES/SECTIONS */
/* NAVS */
.optionsnav{
width: auto;
height: auto;
float: right;
margin: 10px 50px 0 0;
padding: 0;
}
.optionsnav ul{
margin: 0;
padding: 0;
}
.optionsnav li{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 0 0 0 15px;
padding: 0;
list-style-type: none;
display: inline;
color: #666666;
font-weight:bold;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.optionsnav li img{
width: auto;
height: auto;
float: left;
margin: 4px 0px 0px 0px;
padding: 0px 5% 0px 0px;
}
.optionsnav li a:link, .optionsnav li a:visited{
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #FFFFFF;
background: #666666;
padding:5px;
}
.optionsnav li a:hover{
text-decoration: none;
color: #666666;
background: #FFFFFF;
padding:5px;
}
.optionsnav2{
width: auto;
height: auto;
float: right;
margin: 0 50px 9px 0;
padding: 0;
display:none;
}
.optionsnav2 ul{
margin: 0;
padding: 0;
}
.optionsnav2 li{
width: auto;
height: auto;
float: right;
text-align: left;
margin: 0 0 0 24px;
padding: 0;
list-style-type: none;
display: inline;
}
.optionsnav2 li img{
width: auto;
height: auto;
float: left;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.optionsnav2 li span{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 10px 0px 0px 5px;
list-style-type: none;
display: inline;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
color: #333333;
}
.optionsnav2 li span a:link, .optionsnav2 li span a:visited{
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}
.optionsnav2 li span a:hover{
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #999999;
}
#topnav{
width: auto;
height: auto;
float: right;
margin: 0;
padding: 0;
}
#topnav ul{
margin: 0;
padding: 0;
}
#topnav li{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0 2px 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none;
display: inline;
}
#topnav li a, #topnav li a:link, #topnav li a:visited{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 5px 12px;
color: #002040;
text-decoration: none;
text-transform: uppercase;
font-size:16px;
}
#topnav li a:hover{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 5px 12px;
color: #33872A;
text-decoration: none;
text-transform: uppercase;
font-size:16px;
}
#topnav li.TNsearchLI a, #topnav li.TNsearchLI a:link, #topnav li.TNsearchLI a:visited{padding: 3px 8px 1px 8px;}
#topnav li.TNsearchLI a:hover{padding: 3px 8px 1px 8px;}
#mainnav{
width: 100%;
float: left;
height: 60px;
margin: 12px 0 0 0;
padding: 0;
}
#mainnav ul{
height: auto;
margin: 0 auto;
max-width: 1150px;
padding: 0;
}
#mainnav li{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0 2px 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: normal;
list-style-type: none;
position: relative;
z-index: 20;
display:inline-block;
}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{
width: auto;
height: 60px;
float: left;
text-align: center;
margin: 5px 20px 0 20px;
/*padding: 4px 7.5%;*/
color: #FFFFFF;
text-decoration: none;
}
#mainnav li a:hover{
width: auto;
height: auto;
float: left;
text-align: center;
margin: margin: 5px 20px 0 20px;;
/*padding: 4px 7.5%;*/
color: #33882a;
text-decoration: none;
}
#dropdownnav{
float: left;
height: 60px;
margin: -3px 0 0 0;
padding: 0;
}
#dropdownnav ul{
float: left;
height: 60px;
list-style: outside none none;
padding: 0;
position: relative;
}
#dropdownnav ul li{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0 2px 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: normal;
list-style-type: none;
position: relative;
z-index: 20;
display:inline-block;
}
#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{
width: auto;
height: 60px;
float: left;
text-align: center;
margin: 0;
padding: 4px 9%;
color: #FFFFFF;
text-decoration: none;
}
#dropdownnav ul li a:hover{
width: auto;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 4px 9%;
color: #33882a;
text-decoration: none;
}
#dropdownnav ul ul{
display: none;
position: absolute;
top: 100%;
left: 0;
background: #FFFFFF;
padding: 0;
}
#dropdownnav ul ul li{
width: 200px;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none;
position: relative;
}
#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{
width: 90%;
height: auto;
background: #666666;
border: none;
float: left;
text-align: left;
margin: 0;
padding: 10px 5%;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
#dropdownnav ul ul li a:hover{
width: 90%;
height: auto;
background: #FFFFFF;
border: none;
float: left;
text-align: left;
margin: 0;
padding: 10px 5%;
color: #333333;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
#dropdownnav ul ul ul{
top: 0;
left: 100%;
}
#dropdownnav ul li:hover > ul{display: block;}
#subnav{
width: 96%;
height: auto;
background: #EEEEEE;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
float: left;
margin: 0 0 20px 0;
padding: 2%;
}
.subnav_title{
width: 95%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 2.5% 2.5% 0 2.5%;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
}
.subnav_title a{
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
display: block;
padding: 5px;
}
.subnav_title a:link, .subnav_title a:visited{
font-weight: normal;
color: #333333;
text-decoration: none;
text-transform: uppercase;
}
.subnav_title a:hover{
font-weight: normal;
color: #BBBBBB;
text-decoration: none;
text-transform: uppercase;
}
#subnav ul{
width: 95%;
height: auto;
float: left;
margin: 2px 0 0 0;
padding: 2.5%;
}
#subnav li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 1px 0;
padding: 0;
list-style-type: none;
}
#subnav li a{
display: block;
padding: 10px;
background: #999999;
text-transform: none;
}
#subnav li a:link, #subnav li a:visited{
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
}
#subnav li a:hover{
background: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: normal;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #666666;
}
#subnav ul.sub{
width: 95%;
height: auto;
background: #999999;
float: left;
margin: 0;
padding: 2.5% 2.5% 7% 2.5%;
list-style-type: none;
}
#subnav li.sub{
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}
#subnav li.sub a{
display: block;
background: #FFFFFF;
padding: 10px;
text-transform: none;
}
#subnav li.sub a:link, #subnav li.sub a:visited{
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #333333;
}
#subnav li.sub a:hover{
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #CCCCCC;
}
#subnav ul.subsub{
width: 190px;
height: auto;
background: #999999;
float: left;
margin: 0;
padding: 5px 15px 5px 15px;
list-style-type: none;
}
#subnav li.subsub{
width: 190px;
text-align: left;
margin: 0;
padding: 0;
}
#subnav li.subsub a{
display: block;
padding: 5px;
text-transform: none;
}
#subnav li.subsub a:link, #subnav li.subsub a:visited{
background: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 11px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #003366;
}
#subnav li.subsub a:hover{
background: #999999;
font-family: 'Roboto', sans-serif;
font-size: 11px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #000000;
}
.paging{
max-width: 750px;
width: 100%;
height: auto;
float: left;
margin: 0px 0px 10px 0px;
padding: 0;
}
.paging_left{
max-width: 400px;
width: 75%;
height: auto;
float: left;
text-align: left;
margin: 15px 0;
padding: 0;
}
.paging_left select{
max-width: 180px;
width: 50%;
height: auto;
background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
border: 1px #CCCCCC solid;
float: left;
margin: 0px 1% 0px 0px;
padding: 3px;
color: #333333;
}
.paging_right{
max-width: 350px;
width: 50%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.pagingnav{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 10px 0px 10px 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.pagingnav span.static{
width: auto;
height: auto;
background: #00468C;
margin: 0px 1px 0px 1px;
padding: 7px 7px 6px 7px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
}
.pagingnav a:link, .pagingnav a:visited{
width: auto;
height: auto;
background: #F0F0E1;
margin: 0px 1px 0px 1px;
padding: 7px 7px 6px 7px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #333333;
}
.pagingnav a:hover{
width: auto;
height: auto;
background: #00468C;
margin: 0px 1px 0px 1px;
padding: 7px 7px 6px 7px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
}
/* END OF NAVS */
/* ASSETS */
.textcolumnContainer-2{
width: 100%;
height: auto;
background: url(../images/general/generaltestbg1.jpg) top center repeat;
float: left;
margin: 0;
padding: 0;
position: relative;
display: block;
}
.textcolumn-2{
max-width: 1200px;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.textcolumn-2 h2{
width: 100%;
height: auto;
text-align: center;
margin: 2% 0 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 40px;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
.textcolumn{
width: 42%;
height: auto;
background: #FFFFFF;
float: left;
text-align: left;
margin: 2% 2% 3% 2%;
padding: 0.5% 2%;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: normal;
font-weight: normal;
color: #333333;
}
.textimagerowsContainer{
width: 100%;
height: auto;
background: #FFFFFF;
float: left;
margin: 0;
padding: 0;
position: relative;
display: block;
}
.textimagerows{
max-width: 1200px;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.textimagerows h2{
width: 100%;
height: auto;
text-align: center;
margin: 2% 0 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 40px;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
color: #333333;
}
.textimagerows ul{
float: left;
margin: 0 0 1% 0;
padding: 0;
}
.textimagerows li{
width: 94%;
height: auto;
background: #EEEEEE;
float: left;
text-align: left;
margin: 2% 0;
padding: 3%;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: normal;
font-weight: normal;
color: #333333;
list-style-type: none;
}
.textimagerows li div{
width: 40%;
height: auto;
float: left;
text-align: left;
margin: 10px 5% 0 0;
padding: 0;
}
.textimagerows li div img{width: 100%;}
.textimagerows li span{
width: 55%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.textimagerows li span h3{
text-align: left;
margin: 0 0 10px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 25px;
line-height: normal;
font-weight: normal;
color: #333333;
}
.textimagerows li p{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 15px 0;
padding: 0;
}
.textimageiconContainer{
width: 100%;
height: auto;
background: #FFFFFF;
float: left;
margin: 0;
padding: 0;
position: relative;
display: block;
}
.textimageiconlisting{
max-width: 1200px;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.textimageiconlisting h2{
width: 100%;
height: auto;
text-align: center;
margin: 2% 0 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 40px;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
color: #333333;
}
.textimageiconlisting ul{
float: left;
margin: 0 0 1% 0;
padding: 0;
}
.textimageiconlisting li{
width: 42%;
height: auto;
background: #EEEEEE;
float: left;
text-align: left;
margin: 2%;
padding: 2%;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: normal;
font-weight: 500;
color: #333333;
list-style-type: none;
}
.textimageiconlisting li a{text-decoration: none;}
.textimageiconlisting li div{
width: 20%;
height: auto;
float: left;
text-align: left;
margin: 0 5% 0 0;
padding: 0;
}
.textimageiconlisting li div img{width: 100%;}
.textimageiconlisting li span{
width: 75%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.textimageiconlisting li span h3{
text-align: left;
margin: 0 0 10px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 25px;
line-height: normal;
font-weight: normal;
color: #333333;
}
.textimageiconlisting li p{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 15px 0;
padding: 0;
}
.animatedBoxes-3{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
position: relative;
display: block;
}
.animatedBoxes-3 ul{
margin: 0;
padding: 0;
}
.animatedBoxes-3 li{
width: 33%;
height: auto;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
.animatedBoxes-3 li.ABLI_wide{
width: 34%;
height: auto;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
/* END OF ASSETS */
/* LISTS */
.list_features_hp{
float: left;
height: auto;
margin: 0 5% 30px;
padding: 0;
width: 90%;
}
.list_features_hp ul{
margin: 0;
padding: 0;
}
.list_features_hp li{
height: auto;
float: left;
text-align: center;
margin: 2.5%;
padding: 0;
list-style-type: none;
}
.list_features_hp li img{width: 100%;}
.section_imgs{
margin: 5% 4%;
width: auto;
}
.list_date_hp{
width: 30%;
height: auto;
background: #999999;
float: left;
margin: 20px 1% 20px 0;
padding: 1%;
}
.list_date_hp span{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
font-family: "Roboto",sans-serif;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
}
.list_date_hp ul{
width: 100%;
height: 200px;
float: left;
margin: 0;
padding: 0;
}
.list_date_hp li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
list-style-type: none;
color: #FFFFFF;
font-size: 14px;
font-family: "Roboto",sans-serif;
}
.list_date_hp li span{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 0;
font-size: 17px;
font-family: "Roboto",sans-serif;
color: #FFFFFF;
}
.list_date_hp li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{
font-weight: bold;
color: #333333;
text-decoration: none;
}
.list_date_hp li span a:hover{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.list_date_hp li img{
height: 40px;
width: 40px;
float: left;
text-align: left;
margin: 0px 10px 10px 0px;
padding: 0;
border: 5px solid #FFFFFF;
}
.list_date_hp div{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 15px 0;
padding: 0;
}
.list_testimonials_hp{
width: 32%;
height: auto;
background: #999999;
float: left;
margin: 20px 0;
padding: 1%;
}
.list_testimonials_hp span{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
font-family: "Roboto",sans-serif;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
}
.list_testimonials_hp ul{
width: 100%;
height: 200px;
float: left;
margin: 0;
padding: 0;
}
.list_testimonials_hp li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
list-style-type: none;
color: #FFFFFF;
font-size: 17px;
font-family: "Roboto",sans-serif;
}
.list_testimonials_hp li img{
width: 40px;
height: auto;
float: left;
text-align: left;
margin: 0px 10px 10px 0px;
padding: 0;
}
.list_testimonials_hp li span.list_testimonials_hpspan{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 0;
font-size: 17px;
font-family: "Roboto",sans-serif;
color: #333333;
}
.list_testimonials_hp div{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 15px 0;
padding: 0;
}
.list_gallery_hp{
width: 95%;
height: auto;
background: #666666;
float: left;
text-align: center;
margin: 0 auto;
padding: 2% 2.5%;
}
.list_gallery_hp span.LGHPspan_title{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0 0 20px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 65px;
text-transform: uppercase;
color: #FFFFFF;
}
.list_gallery_hp ul{
margin: 0;
padding: 0;
}
.list_gallery_hp li{
width: 28%;
height: 350px;
background: #333333;
float: left;
text-align: center;
margin: 2%;
padding: 0.5%;
list-style-type: none;
}
.list_gallery_hp li span.LGHPspan{
width: 100%;
height: 350px;
float: left;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 1;
}
.list_gallery_hp li span.LGHPspan img{
width: 100%;
height: 100%;
opacity: 0.2;
filter: alpha(opacity=20); /* For IE8 and earlier */
}
.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.list_gallery_hp li span a:hover{
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.list_gallery ul{
width: 100%;
height: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
.list_gallery li{
width: 90px;
height: 90px;
float: left;
text-align: center;
margin: 5px;
padding: 0;
display: inline;
}
.list_gallery li div img{
width: 90px;
height: 90px;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
.list_date{
max-width: 1200px;
width: 100%;
height: auto;
float: none;
margin: 20px auto 0;
padding: 0;
}
.list_date ul{
margin: 0;
padding: 0;
}
.list_date li{
max-width: 450px;
width: 30%;
height: auto;
float: left;
text-align: left;
margin: 0 1.5% 20px 1.5%;
padding: 0px 0px 0px 0px;
list-style-type: none;
background: #eeeeee;
}
.list_date li span{
width: 96%;
height: 40px;
float: left;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 5px 2% 15px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #444444;
}
.list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{
font-size: 22px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
}
.list_date li span a:hover{
font-size: 22px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
}
.list_date li img{
max-width: 450px;
width: 100%;
height: auto;
overflow: visible;
}
.list_testimonials{
width: 100%;
height: auto;
float: left;
margin: 20px 0 0 0;
padding: 0;
}
.list_testimonials ul{
margin: 0;
padding: 0;
}
.list_testimonials li{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
}
.list_testimonials li blockquote{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.list_testimonials li div{
width: 92%;
height: auto;
background: url(../images/general/testimonialsbg1.png) right top no-repeat #F1F1F1;
float: left;
text-align: left;
margin: 0;
padding: 2% 4%;
color: #333333;
}
.list_testimonials li span{
width: 92%;
height: auto;
background: url(../images/general/testimonialsbg2.png) left top no-repeat;
float: left;
text-align: left;
margin: 0;
padding: 2% 4%;
font-size: 17px;
font-weight: bold;
color: #333333;
}
.list_staff{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.list_staff ul{
margin: 0;
padding: 0;
}
.list_staff li{
width: 255px;
height: 510px;
background: #EEEEEE;
float: left;
text-align: center;
margin: 20px 15px;
padding: 0;
list-style-type: none;
}
.list_staff li div.LSlidivheader{
width: 225px;
height: 54px;
background: #333333;
float: left;
text-align: left;
margin: 0;
padding: 8px 15px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
text-transform: none;
color: #FFFFFF;
}
.list_staff li div.LSlidivheader span{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.list_staff li div.LSlidivheader span a:link, .list_staff li div.LSlidivheader span a:visited, .list_staff li div.LSlidivheader span a:active{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.list_staff li div.LSlidivheader span a:hover{
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
.list_staff li div.LSlidivimg{
width: 100%;
height: 200px;
background: url(../images/general/staffbg1.png) center bottom no-repeat #BBBBBB;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
.list_staff li div img{
width: 100%;
height: auto;
}
.list_staff li div.LSlidivcontent{
width: 225px;
height: 170px;
float: left;
text-align: left;
margin: 0;
padding: 10px 15px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
text-transform: none;
color: #333333;
}
.list_staff li div.LSlidivcontent span{
width: 100%;
height: auto;
float: left;
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #4B93A4;
}
.list_images_text{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.list_images_text ul{
margin: 0;
padding: 0;
}
.list_images_text li{
width: 90%;
height: auto;
border-bottom: 2px #EEEEEE solid;
float: left;
text-align: center;
margin: 0;
padding: 2% 5%;
list-style-type: none;
font-size: 18px;
}
.list_images_text li div.lmt_img{
width: 20%;
height: auto;
float: left;
text-align: right;
margin: 10px 5% 0 0;
padding: 0;
}
.list_images_text li div.lmt_img img{width: 150px;}
.list_images_text li div.lmt_content{
width: 75%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 10px 0;
}
.list_images_text li div.lmt_content span{text-align: left;}
.list_images_text li span{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 5px 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #333333;
}
.list_images_text li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{
font-size: 22px;
font-weight: normal;
color: #333333;
text-decoration: none;
text-transform: uppercase;
}
.list_images_text li span a:hover{
font-size: 22px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: uppercase;
}
.list_images_text li strong{color: #333333;}
.list_images_subnav{
width: 720px;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.list_images_subnav ul{
margin: 0;
padding: 0;
}
.list_images_subnav li{
width: 660px;
height: auto;
border-bottom: 2px #EEEEEE solid;
float: left;
text-align: left;
margin: 0;
padding: 10px 30px 10px 30px;
list-style-type: none;
}
.list_images_subnav li div.lmsn_img{
width: 100px;
height: auto;
float: left;
text-align: center;
margin: 10px 20px 0px 0px;
padding: 0;
}
.list_images_subnav li div.lmsn_img img{
width: 100px;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
.list_images_subnav li div.lmsn_content{
width: 520px;
height: auto;
min-height: 100px;
border-left: 1px #999999 dotted;
float: left;
text-align: left;
margin: 0;
padding: 10px 0px 10px 19px;
}
.list_images_subnav li span{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #444444;
}
.list_images_subnav li span a:link, .list_images_subnav li span a:visited, .list_images_subnav li span a:active{
font-size: 22px;
font-weight: normal;
color: #333333;
text-decoration: none;
text-transform: uppercase;
}
.list_images_subnav li span a:hover{
font-size: 22px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: uppercase;
}
.list_images_subnav li strong{color: #333333;}
.list_products{
width: 100%;
height: auto;
border-bottom: 1px #CCCCCC solid;
float: left;
margin: 0;
padding: 10px 0px 10px 0px;
}
.list_products ul{
margin: 0;
padding: 0;
}
.list_products li{
width: 178px;
height: 278px;
border: 1px #DBDFE0 solid;
float: left;
text-align: center;
margin: 18px;
padding: 10px;
list-style-type: none;
}
.list_products li div{
width: 178px;
height: 140px;
float: left;
margin: 0;
padding: 15px 0px 15px 0px;
}
.list_products li div img{
width: 140px;
height: 140px;
}
.list_products li span{
width: 178px;
height: 60px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0;
font-size: 10px;
font-weight: normal;
color: #666666;
}
.list_products li span a:link, .list_products li span a:visited, .list_products li span a:active{
font-size: 18px;
font-weight: normal;
color: #333333;
text-decoration: none;
text-transform: capitalize;
}
.list_products li span a:hover{
font-size: 18px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: capitalize;
}
.list_productsEcomm{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.list_productsEcomm ul{
margin: 0;
padding: 0;
}
.list_productsEcomm li{
width: 21%;
max-width: 220px;
height: 300px;
border: 1px solid #CCCCCC;
float: left;
text-align: center;
margin: 0 1.5% 1.5% 0;
padding: 10px 1%;
list-style-type: none;
}
.list_productsEcomm li div.LPEimg{
width: 100%;
height: 150px;
overflow: hidden;
margin: 0;
padding: 0;
text-align: center;
}
.list_productsEcomm li div.LPEimg img{
width: auto;
max-width: 150px;
height: auto;
max-height: 150px;
}
.list_productsEcomm li div.LPEinfo{
width: 100%;
height: 100px;
float: left;
text-align: center;
margin: 10px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
.list_productsEcomm li div.LPEinfo span{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0;
padding: 0;
font-size: 16px;
}
.list_productsEcomm li div.LPEinfo span a, .list_productsEcomm li div.LPEinfo span a:link, .list_productsEcomm li div.LPEinfo span a:visited{
font-weight: normal;
color: #333333;
text-decoration: none;
}
.list_productsEcomm li div.LPEinfo span a:hover{
font-weight: normal;
color: #999999;
text-decoration: none;
}
.list_productsEcomm li div.LPEinfo span.price{
width: 100%;
height: 0;
float: left;
text-align: center;
margin: 5px 0 0 0;
padding: 0;
font-size: 13px;
color: #999999;
}
.list_productsEcomm li div.LPEinfo span.price strong{
font-size: 15px;
font-weight: normal;
color: #FF0000;
}
.list_productsRelated{
width: 100%;
height: auto;
background: #EEEEEE;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.list_productsRelated h3{
width: 98%;
height: auto;
background: #666666;
float: left;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 1% 0% 1% 2%;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
}
.list_productsRelated ul{
width: 97%;
height: auto;
background: #EEEEEE;
float: left;
text-align: left;
margin: 0;
padding: 1% 1.5% 2% 1.5%;
}
.list_productsRelated li{
width: 190px;
height: 300px;
background: #FFFFFF;
float: left;
text-align: center;
margin: 15px;
padding: 0;
list-style-type: none;
font-family: "Roboto",sans-serif;
}
.list_productsRelated li div{
width: 188px;
height: 138px;
float: left;
text-align: center;
margin: 1px;
padding: 0;
}
.list_productsRelated li div img{
width: auto;
max-width: 188px;
height: auto;
max-height: 138px;
}
.list_productsRelated li span{
width: 170px;
height: 105px;
float: left;
text-align: center;
margin: 0;
padding: 10px;
font-size: 12px;
font-weight: normal;
color: #666666;
}
.list_productsRelated li span a:link, .list_productsRelated li span a:visited, .list_productsRelated li span a:active{
width: 170px;
height: auto;
float: left;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
text-transform: uppercase;
}
.list_productsRelated li span a:hover{
width: 170px;
height: auto;
float: left;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #666666;
text-decoration: none;
text-transform: uppercase;
}
.list_downloads{
width: 100%;
height: auto;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
.list_downloads ul{
margin: 0;
padding: 0;
}
.list_downloads li{
width: 26%;
height: auto;
border-bottom: 1px #999999 dotted;
float: left;
text-align: left;
margin: 0 1.5% 20px 1.5%;
padding: 2%;
list-style-type: none;
font-family: 'Roboto', sans-serif;
font-size: 0.850em;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.list_downloads li div.ld_img{
width: 30%;
height: auto;
float: left;
text-align: left;
margin: 0px 5% 0px 0px;
padding: 0;
}
.list_downloads li div.ld_content{
width: 65%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
.list_downloads li span{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 10px 0px 15px 0px;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #444444;
}
.list_downloads li span a:link, .list_downloads li span a:visited, .list_downloads li span a:active{
font-size: 22px;
font-weight: normal;
color: #333333;
text-decoration: none;
text-transform: capitalize;
}
.list_downloads li span a:hover{
font-size: 22px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: capitalize;
}
.list_downloads_sml{
width: 100%;
height: auto;
float: left;
margin: 10px 0px 10px 0px;
padding: 0;
}
.list_downloads_sml span{
width: 98%;
height: auto;
float: left;
margin: 0px 0px 5px 0px;
padding: 1%;
font-family: "Roboto",sans-serif;
font-size: 30px;
font-weight: normal;
color: #000000;
font-weight: 300;
}
.list_downloads_sml ul{
margin: 0;
padding: 0;
}
.list_downloads_sml li{
width: 98%;
height: auto;
border-bottom: 1px #DBDFE0 dashed;
float: left;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 1%;
text-transform: capitalize;
list-style-type: none;
}
.list_address_contactus{
width: 42.5%;
height: auto;
background: #EDEDED;
float: left;
text-align: center;
margin: 20px 0 0 0;
padding: 2% 2.5%;
top: 0;
color: #000000;
font-size: 16px;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 300;
text-align: center;
display:none;
}
.list_address_contactus h1.LACH1{
text-align: left;
margin: 15px 0 10px 0;
padding: 0;
font-size: 30px;
}
.list_address_contactus p{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 0;
font-size: 17px;
}
.list_address_contactus ul{
margin: 0;
padding: 0;
}
.list_address_contactus li{
width: 100%;
height: auto;
float: left;
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: normal;
color: #000000;
}
.list_address_contactus li span{
width: 25%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
font-weight: bold;
}
.list_address_contactus li div{
width: 75%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
/* END OF LISTS */
/* FORMS */
.form_contact{
width: 95%;
max-width: 1000px;
height: auto;
float: none;
text-align: center;
margin: 0 auto;
padding: 0 2.5%;
display: block;
}
.form_contact ul {
margin: 0;
padding: 0;
}
.form_contact li {
width: 48%;
height: 75px;
margin: 0 1%;
padding: 0;
float: left;
list-style: none;
}
.form_contact li:nth-child(5) {
width: 98%;
height: 75px;
}
.form_contact li:nth-child(6) {
width: 98.5%;
height: auto;
}
.form_contact li:nth-child(7) {
width: auto;
height: auto;
margin: 20px 1% 0 1%;
}
.form_contact h3.FCH3{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 10px 0;
padding: 0;
font-family: "Roboto",sans-serif;
font-size: 22px;
font-weight: normal;
color: #000000;
}
.form_contact label{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: -17px 0;
padding: 0;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #33872a;
}
.form_contact input.FC_inputwide{
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #002040;
color: #002040;
display: block;
float: left;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: normal;
height: auto;
margin: 0 0 25px;
padding: 2.5% 1%;
text-align: left;
width: 97%;
}
.form_contact input.FC_inputsmall{
width: 150px;
height: auto;
background: #EBEBEB;
border: 1px #999999 solid;
float: right;
text-align: left;
margin: 7px 0 5px 10px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_contact input.FC_inputcheck{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 2px 10px 5px 0;
padding: 0;
font-weight: normal;
display: block;
}
.form_contact select{
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #002040;
color: #002040;
display: block;
float: left;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: normal;
height: auto;
margin: 0 0 25px;
padding: 1.2% 0.2%;
text-align: left;
width: 99.6%;
}
.form_contact textarea{
width: 97%;
height: auto;
background: #EBEBEB;
border: 1px #002040 solid;
float: left;
text-align: left;
padding: 0.5% 1%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #002040;
}
.form_contact br{clear: left;}
.form_contact_sub{
max-width: 670px;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
display: block;
}
.form_contact_sub_left{
width: 300px;
height: auto;
float: left;
text-align: left;
margin: 0 25px 0 0;
padding: 0;
}
.form_contact_sub_right{
width: 345px;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.form_contact_sub label.FCS_label{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 5px 0px 5px 0px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_contact_sub input.FCS_inputwide{
width: 97%;
height: 10px;
background: #EDEDED;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 8px 1%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #666666;
}
.form_contact_sub input.FCS_inputsmall{
width: 100px;
height: auto;
background: #EDEDED;
border: 1px #999999 solid;
float: right;
text-align: left;
margin: 0 10px 0 0;
padding: 3px 0.3%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #666666;
}
.form_contact_sub select{
width: 100%;
height: auto;
background: #EDEDED;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 5px 0.3%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #666666;
}
.form_contact_sub textarea{
width: 98%;
height: 100px;
background: #EDEDED;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 5px 1%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #666666;
}
.form_contact_sub br{clear: left;}
.form_enquire{
width: 90%;
height: auto;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 5%;
display: block;
color: #FFFFFF;
font-family: "Roboto",sans-serif;
font-size: 11px;
background: #999999;
}
.form_enquire h2.FEH2{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 5px 0 15px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 30px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_enquire label{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 5px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_enquire input.FE_inputwide{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_enquire input.FE_inputsmall{
width: 150px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 7px 0 5px 10px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_enquire input.FE_inputsmall2{
width: 150px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 10px 5px 10px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_enquire input.FE_inputcheck{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 2px 10px 5px 0;
padding: 0;
font-weight: normal;
display: block;
}
.form_enquire select{
width: 100%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_enquire textarea{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_enquire br{clear: left;}
.form_voucher{
width: 90%;
height: auto;
float: left;
text-align: left;
margin: 0 0 50px 0;
padding: 5%;
display: block;
color: #FFFFFF;
font-family: "Roboto",sans-serif;
font-size: 11px;
background: #999999;
}
.form_voucher h2.FVH2{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0 0 15px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 25px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_voucher div.FV_div{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
display: block;
}
.form_voucher h3{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 20px 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: normal;
color: #333333;
}
.form_voucher label{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 5px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_voucher input.FV_inputwide{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_voucher input.FV_inputsmall{
width: 150px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 7px 0 5px 10px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_voucher input.FV_inputcheck{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 2px 10px 5px 0;
padding: 0;
font-weight: normal;
display: block;
}
.form_voucher select{
width: 100%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_voucher textarea{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_voucher br{clear: left;}
.form_apply{
width: 90%;
height: auto;
background: #EEEEEE;
float: left;
text-align: left;
margin: 0;
padding: 2.5% 5%;
display: block;
}
.form_apply h2{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: normal;
color: #333333;
}
.form_apply div.FA_div{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 0;
}
.form_apply h3{
width: 97%;
height: auto;
background: #333333;
float: left;
text-align: left;
margin: 10px 0;
padding: 1.5%;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: normal;
color: #FFFFFF;
}
.form_apply span{
width: 95%;
height: auto;
float: left;
text-align: left;
margin: 5px 2.5% 0 2.5%;
padding: 0;
}
.form_apply span.spancaptcha{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
}
.form_apply label{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #333333;
}
.form_apply input.FA_inputwide{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_apply input.FA_inputsmall{
width: 152px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 7px 0 5px 10px;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_apply input.FA_inputcheck{
width: auto;
height: auto;
float: right;
text-align: left;
margin: 2px 10px 5px 0;
padding: 0;
font-weight: normal;
display: block;
}
.form_apply select{
width: 100%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_apply textarea{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_apply br{clear: left;}
.form_appointments{
width: 70%;
height: auto;
float: left;
text-align: left;
margin: 30px 15% 50px 15%;
padding: 0;
display: block;
color: #FFFFFF;
font-family: "Roboto",sans-serif;
font-size: 14px;
background: #999999;
}
.form_appointments h2.FAPPH2{
width: 98%;
height: auto;
background: #333333;
float: left;
text-align: center;
margin: 0;
padding: 1%;
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
.form_appointments h2.FAPPH2 span{color: #999999;}
.form_appointments div.FAPP_div{
width: 90%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 5%;
display: block;
}
.form_appointments div.FAPP_div2{
width: 60%;
height: auto;
float: left;
text-align: left;
margin: 0 0 5% 30%;
padding: 0;
display: block;
}
.form_appointments h3.FAPPH3{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 20px 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
text-transform: none;
color: #333333;
}
.form_appointments label{
width: 27%;
height: auto;
float: left;
text-align: right;
margin: 5px 3% 5px 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: normal;
display: block;
color: #FFFFFF;
}
.form_appointments label.FAPP_labelsmall{
margin: 10px 3% 5px 0;
font-size: 14px;
}
.form_appointments input.FAPP_inputwide{
width: 66.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_appointments input.FAPP_inputsmall{
width: 150px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 7px 0 5px 10px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_appointments input.FAPP_inputcheck{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 2px 10px 5px 0;
padding: 0;
font-weight: normal;
display: block;
}
.form_appointments select{
width: 70%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 5px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_appointments textarea{
width: 96.5%;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
.form_appointments br{clear: left;}
.form_search{
width: 291px;
height: 40px;
float: right;
margin: 0 30px 0 0;
padding: 0;
}
.form_search input{
width: 240px;
height: 40px;
background:#FFFFFF;
border: none;
float: left;
margin: 0 1px 0 0;
padding: 0 0 0 10px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: normal;
color: #878787;
}
.form_search input.button{
max-width: 40px;
height: 40px;
background: url(../images/general/gobutton1.png) top no-repeat;
float: left;
text-align: left;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
}
.form_buttons{float: right;}
.filtersform{
max-width: 200px;
width: 100%;
height: auto;
background: url(../images/general/refine1.jpg) left top no-repeat;
float: left;
margin: 10px 0px 10px 0px;
padding: 33px 0px 0px 0px;
display: block;
}
.filtersform div.filtercontainer{
max-width: 180px;
width: 98%;
height: 180px;
background: #FFFFFF;
float: left;
margin: 0px 0px 3px 0px;
padding: 5px 1% 10px 1%;
overflow: auto;
}
.filtersform div.filtercontainersml{
max-width: 180px;
width: 98%;
height: auto;
background: #FFFFFF;
float: left;
margin: 0px 0px 3px 0px;
padding: 5px 1% 10px 1%;
}
.filtersform span{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 7px 0px 5px 0px;
display: block;
font-weight: bold;
}
.filtersform span.spanhalf{
max-width: 170px;
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 5px 0px 0px 0px;
font-family: 'Alegreya SC', serif;
font-size: 14px;
font-weight: normal;
color: #F3D600;
text-decoration: none;
text-transform: uppercase;
}
.filtersform span a:link, .filtersform span a:visited, .filtersform span a:active{
color: #333333;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
}
.filtersform span a:hover{
color: #2d3b44;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
}
.filtersform input{
width: auto;
height: auto;
background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
border: 1px #999999 solid;
float: left;
margin: 0px 5% 0px 0px;
padding: 0;
}
.filtersform img{
max-width: 13px;
width: 100%;
height: auto;
float: left;
margin: 0px 5% 0px 0px;
padding: 0;
}
.filtersform label{
width: auto;
height: auto;
float: left;
text-align: left;
margin: -1px 0px 0px 0px;
padding: 0;
color: #2d3b44;
}
.filtersform input.filterinputwide{
max-width: 80px;
width: 45%;
height: auto;
background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
border: 1px #999999 solid;
float: left;
margin: 2px 5% 5px 0px;
padding: 2px 0.2%;
}
.filtersform label.filterlabelwide{
max-width: 80px;
width: 42%;
height: auto;
float: left;
text-align: left;
margin: 2px 5% 0px 0px;
padding: 0;
color: #2d3b44;
}
div.checked,div.unchecked,div.checked2,div.unchecked2,div.autochecked{display:block;float:left;margin-right:0px;width:15px;height:15px;min-height:15px;text-indent:-999em;overflow:hidden;margin-top:1px; padding:0px 3px 5px 0px;}
.checked{background:url(../images/general/checked.png) no-repeat top left;}
.unchecked{background:url(../images/general/unchecked.png) no-repeat top left;}
.autochecked{background:url(../images/general/checked.png) no-repeat top left;}
.checked2{background:url(../images/general/checked2.png) no-repeat top left;}
.unchecked2{background:url(../images/general/unchecked2.png) no-repeat top left;}
.autochecked2{background:url(../images/general/checked2.png) no-repeat top left;}
/* END OF FORMS */
/* BUTTONS */
.sim-button{
line-height: 50px;
height: 50px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 140px;
width: 60%;
cursor: pointer;
}
.button10{
color: rgba(255,255,255,1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.button10 a{
color: rgba(51,51,51,1);
text-decoration: none;
display: block;
}
.button10 span{
z-index: 2;
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.button10::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid rgba(255,255,255,0.5);
background-color: rgba(255,255,255,0.25);
}
.button10::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid rgba(255,255,255,0.5);
background-color: rgba(255,255,255,0.25);
}
.button10:hover::before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: rgba(255,255,255,0);
}
.button10:hover::after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: rgba(255,255,255,0);
}
input.submit, a.submit, a.submit:link, a.submit:visited{ height: auto;
margin: 5% 1.2% 0 0;
max-width: 480px;
width: 100%;
background: #00336b none repeat scroll 0 0;
border: medium none;
color: #ffffff;
cursor: pointer;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
padding: 10px 15px;
text-decoration: none;
text-transform: none;}
a.submit:hover, input.submit:hover{height: auto;
margin: 5% 1.2% 0 0;
max-width: 480px;
width: 100%;
background: #33872a none repeat scroll 0 0;
border: medium none;
color: #ffffff;
cursor: pointer;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
padding: 10px 15px;
text-decoration: none;
text-transform: none;}
input.submit1, a.submit1, a.submit1:link, a.submit1:visited{font-family:Helvetica; color:#000000; background: url(../images/general/submit1_icona.png) left no-repeat; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit1:hover, input.submit1:hover{font-family:Helvetica; color:#666666; background: url(../images/general/submit1_iconb.png) left no-repeat; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
input.submit2, a.submit2, a.submit2:link, a.submit2:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:none; font-size:13px; font-weight:bold; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit2:hover, input.submit2:hover{font-family:Helvetica; color:#333333; background:#CCCCCC; border:none; font-size:13px; font-weight:bold; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:2px solid #333333; font-size:15px; font-weight:bold; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit3:hover, input.submit3:hover{font-family:Helvetica; color:#333333; background:#EEEEEE; border:2px solid #333333; font-size:15px; font-weight:bold; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
input.submit4, a.submit4, a.submit4:link, a.submit4:visited{font-family:Helvetica; color:#FFFFFF; background:#333333; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize;}
a.submit4:hover, input.submit4:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
input.submit5, a.submit5, a.submit5:link, a.submit5:visited{font-family:Helvetica; color:#2D3B44; background:#FFBF00; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit5:hover, input.submit5:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{font-family:Helvetica; color:#FFFFFF; background: url(../images/general/addtobasket_icon2.jpg) left no-repeat #999999; border:1px #999999 solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;}
a.add_to_basket:hover, input.add_to_basket:hover{font-family:Helvetica; color:#333333; background: url(../images/general/addtobasket_icon2.jpg) left no-repeat #CCCCCC; border:1px #999999 solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{font-family:Helvetica; color:#333333; background: url(../images/general/enquirenow_icon2.jpg) left no-repeat #CCCCCC; border:1px #CCCCCC solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;}
a.enquireNow:hover, input.enquireNow:hover{font-family:Helvetica; color:#FFFFFF; background: url(../images/general/enquirenow_icon2.jpg) left no-repeat #999999; border:1px #CCCCCC solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{
color: #FFFFFF;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
background: #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.subscribe:hover{
color: #ffffff;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 0.5;
}
a.social_footer{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.social_footer:hover{opacity: 0.5;}
.hvr-grow{
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
a.hoverani{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.hoverani:hover{opacity: 0.5;}
a#rotator img{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
a#rotator img:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
a.general, a.general:link, a.general:visited, a.general:active{
color: #333333;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.general:hover{
color: #333333;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 0.5;
}
a.checkout_CS, a.checkout_CS:link, a.checkout_CS:visited, a.checkout_CS:active{
color: #333333;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.checkout_CS:hover{
color: #333333;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 0.5;
}
a.members_logout, a.members_logout:link, a.members_logout:visited, a.members_logout:active{
color: #FFFFFF;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
background: #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a.members_logout:hover{
color: #FFFFFF;
text-decoration: underline;
text-transform: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-decoration:none;
font-size: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 40px;
text-transform:uppercase;
opacity: 0.5;
}
input.Print, a.Print, a.Print:link, a.Print:visited{
width: auto;
height: auto;
background: url(../images/general/print.png) left no-repeat #CCCCCC;
border: none;
float: right;
margin: 0;
padding: 6px 10px 6px 37px;
color: #333333;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
a.Print:hover, input.Print:hover{
width: auto;
height: auto;
background: url(../images/general/print.png) left no-repeat #EDEDED;
border: none;
float: right;
margin: 0;
padding: 6px 10px 6px 37px;
color: #333333;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
/* END OF BUTTONS */
/* TEXT */
h1{
font-family: 'Roboto', sans-serif;
font-size: 20px;
text-transform: none;
color: #333333;
font-weight: bold;
text-align: left;
border: none;
}
h1.h1sub{
width: 90%;
height: auto;
float: right;
text-align: right;
margin: 0 0 10px 0;
padding: 10px 2% 7px 2%;
color: #002040;
font-family: "Cinzel",serif;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
}
.section_content_sml h1{
color: #00336b;
font-size: 30px;
font-weight: 300;
margin-top: 0;
text-align: left;
text-transform: uppercase;
}
h2{
font-size: 40px;
text-transform: normal;
color: #000000;
font-weight: 300;
text-align: center;
border: none;
color: #33872A;
font-family: "Cinzel",serif;
}
h2.h2sub{
width: 98%;
height: auto;
background: #EDEDED;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 1% 0% 1% 2%;
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: normal;
text-transform: none;
color: #333333;
}
h3{
font-size: 32px;
text-transform: normal;
color: #000000;
font-weight: 300;
text-align: center;
border: none;
color: #002040;
font-family: "Cinzel",serif;
}
h4{
font-size: 27px;
line-height: 27px;
text-transform: normal;
color: #000000;
font-weight: 300;
text-align: center;
border: none;
color: #33872A;
font-family: "Cinzel",serif;
}
a, a:link, a:visited, a:active{
color: #33872a;
text-decoration: underline;
text-transform: none;
font-weight: normal;
}
a.sitemap_text, a.sitemap_text:link, a.sitemap_text:visited, a.sitemap_text:active{
color:green;
font-size:25px;
font-weight:300;
text-decoration:none;
height:50px;
}
a:hover{
color: #002040;
text-decoration: underline;
text-transform: none;
font-weight: normal;
}
a.sitemap_text:hover{
color:#002040;
}
.sitetext{
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666666;
list-style-type: none;
}
.sitetext > li {
height: 50px;
}
a.sitetext:link, a.sitetext:visited, a.sitetext:active{
text-decoration: underline;
text-transform: none;
font-weight: normal;
color: #00468C;
}
a.sitetext:hover{
text-decoration: underline;
text-transform: none;
font-weight: normal;
color: #666666;
}
.breadcrumbs{
width: 100%;
height: auto;
border-bottom: 1px #CCCCCC dotted;
float: left;
text-align: left;
margin: 0 0 20px 0;
padding: 5px 0;
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #999999;
}
.breadcrumbs a:link, .breadcrumbs a:visited{
text-decoration: underline;
font-weight: bold;
color: #000000;
}
.breadcrumbs a:hover{
text-decoration: underline;
font-weight: bold;
color: #999999;
}
/* END OF TEXT */
/* MISC */
.optinContainer{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.optinContainer input{float:left; margin:3px 5px 0 0;}
.tableResponsive{
border: none;
overflow-x: auto;
overflow-y: auto;
width: 100%;
}
.form_wrap{
width: 50%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
display: block;
}
.map_wrap{
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
display: block;
position:relative;
}
figure.AB3{
margin: 0;
padding: 0;
width: 100%;
height: 350px;
position: relative;
display: block;
cursor: pointer;
overflow: hidden;
text-align: center;
}
figure.AB3 img{width: 100%; height:100%;}
figure.AB3:hover figcaption.AB3caption{
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
top: 0;
}
figcaption.AB3caption{
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
top: -100%;
background: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s;
-ms-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
figcaption.AB3caption h3{
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #CCCCCC;
padding: 10px 20px 0 20px;
margin-bottom: 0;
position: relative;
left: 100%;
margin-top: 25px;
font-size: 50px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
-ms-transition-delay: 1s;
transition-delay: 1s;
}
figcaption.AB3caption p{
font-family: 'Roboto', sans-serif;
padding: 10px 20px;
margin-bottom: 0;
margin-top: 10px;
position: relative;
left: 100%;
font-size: 25px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
-webkit-transition-delay: 1.3s;
-moz-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
-ms-transition-delay: 1.3s;
transition-delay: 1.3s;
}
figure.AB3:hover h3,figure.AB3:hover p{left: 0;}
figcaption.AB3caption a{
color: #fff;
border: 2px solid #fff;
padding: 4px 10px;
text-decoration: none;
}
figcaption.AB3caption a:hover{
color: #4f5856;
background: #fff;
}
.productjquery{
width: 100%;
max-width: 1200px;
height: 420px;
background: #F6F6F6;
float: left;
text-align: left;
margin: 0;
padding: 0;
position: relative;
display: block;
display:none;
}
.productjquery span.PJspan{
width: 100%;
height: auto;
background: #333333;
float: left;
text-align: center;
margin: 0;
padding: 7px 0 5px 0;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
}
.newsletter{
width: 100%;
background: #CCCCCC;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0 0 20px 0;
display:none;
}
.newsletter h2{
font-size: 45px;
color: #333333;
margin: 20px auto;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-align:center;
text-transform: none;
}
.newsletter p{
color: #333333;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.featured-posts{display: block;}
.featured-posts .cards{
width: 100%;
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
-ms-column-gap: 50px;
-o-column-gap: 50px;
column-gap: 50px;
}
.featured-posts .cards .card{
width: 100%;
background: #F2F2F2;
text-align: left;
margin: 0 0 50px 0;
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.featured-posts .cards .card .date{
width: 92%;
height: auto;
background: #FFFFFF;
float: left;
text-align: center;
margin: 2%;
padding: 2%;
display: inline-block;
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 20px;
color: #666666;
}
.featured-posts .cards .card .date p{
margin: 0;
padding: 0;
font-size: 70px;
font-weight: 400;
line-height: 70px;
}
.featured-posts .cards .card .card-info{padding: 5%;}
.featured-posts .cards .card .card-info h4{
width: 100%;
margin: 0 0 10px 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: bold;
}
.featured-posts .cards .card .card-info h4 a:link, .featured-posts .cards .card .card-info h4 a:visited, .featured-posts .cards .card .card-info h4 a:active{
font-weight: bold;
color: #000000;
text-decoration: none;
text-transform: none;
}
.featured-posts .cards .card .card-info h4 a:hover{
font-weight: bold;
color: #666666;
text-decoration: none;
text-transform: none;
}
.featured-posts .cards .card .card-info .content{
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: normal;
color: #666666;
margin: 0 0 20px 0;
}
.featured-posts .cards .card .card-info .options span{color: #333333;}
.featured-posts .cards .card .card-info .card-author-line{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
}
.featured-posts .cards .card .card-info .card-author-line .card-date{
font-weight: bold;
}
.featured-posts .cards .card .card-info .card-excerpt{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: normal;
}
.featured-posts .cards .card .card-info .card-read-line{
text-align: center;
margin-top: 30px;
}
.featured-posts .cards .card img{
width: 100%;
height: auto;
}
.featured-posts .cards .card img:hover{
filter: gray; /* IE6-9 */
filter: grayscale(1); /* Firefox 35+ */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
hr{
height: 2px;
background-color: #DBDFE0;
color: #DBDFE0;
width: 100%;
border: 0;
}
.imagespacer1{
float: right;
margin: 10px 0;
width:42.5%;
max-width:365px;
}
.imagespacer2{
float: left;
margin: 5px 1% 10px 0;
}
.paging{
max-width: 750px;
width: 100%;
height: auto;
float: left;
margin: 0px 0px 10px 0px;
padding: 0;
}
.paging_left{
max-width: 400px;
width: 75%;
height: auto;
float: left;
text-align: left;
margin: 15px 0;
padding: 0;
}
.paging_left select{
max-width: 180px;
width: 50%;
height: auto;
background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
border: 1px #CCCCCC solid;
float: left;
margin: 0px 1% 0px 0px;
padding: 3px;
color: #333333;
}
.paging_right{
max-width: 350px;
width: 50%;
height: auto;
float: right;
text-align: left;
margin: 0;
padding: 0;
}
#footerSlideContainer{
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
display: block;
}
#footerSlideButton{
background:url(../images/general/callback.jpg) top left repeat-x;
position: absolute;
top: -50px;
right: 230px;
max-width:200px;
width: 100%;
height:50px;
border: none;
cursor: pointer;
font-family: 'Roboto', sans-serif;
color:#FFFFFF;
font-size:25px;
padding:0px 0px 0px 0px;
display:none;
}
#footerSlideContent{
width: 100%;
height: 0;
background: #333333;
color: #BC151C;
font-size: 0.8em;
border: none;
font-family: 'Roboto', sans-serif;
overflow: hidden;
}
#footerSlideContent h3{
text-align: left;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
margin: 0 0 20px 0;
}
#footerSlideContent ul{
color: #BC151C;
list-style-type: none;
line-height: 2em;
}
#footerSlideText{
max-width: 930px;
width: 93%;
margin: 0 auto;
padding: 25px 0;
height: auto;
overflow: visible;
}
.footerSlideText_contact{
width: 200px;
height: auto;
float: right;
text-align: left;
margin: -10px 0 0 50px;
padding: 0;
display: block;
}
.footerSlideText_contact .FSTC_tel{
width: 175px;
height: auto;
background:url(../images/general/tel_footer.png) top left no-repeat;
float: left;
text-align: left;
margin:0 0 15px 0;
padding: 0 0 0 35px;
display: block;
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:bold;
color: #FFFFFF;
}
.footerSlideText_contact .FSTC_tel span{
color: #CCCCCC;
}
.footerSlideText_contact .FSTC_tel a{
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
.footerSlideText_contact .FSTC_tel a:hover{
font-weight:bold;
color: #CCCCCC;
text-decoration: none;
}
.footerSlideText_contact .FSTC_pointer{
width: 175px;
height: auto;
background:url(../images/general/location.png) top left no-repeat;
float: left;
text-align: left;
margin:0 0 20px 0;
padding: 0 0 0 35px;
display: block;
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:bold;
color: #FFFFFF;
}
.footerSlideText_contact .FSTC_pointer span{
color: #CCCCCC;
}
.footerSlideText_contact .FSTC_pointer a{
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
.footerSlideText_contact .FSTC_pointer a:hover{
font-weight:bold;
color: #CCCCCC;
text-decoration: none;
}
.footerSlideText_contact .FSTC_email{
width: 175px;
height: auto;
background:url(../images/general/contact_footer.png) top left no-repeat;
float: left;
text-align: left;
margin:0 0 20px 0;
padding: 0 0 0 35px;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
}
.footerSlideText_contact .FSTC_email span{
color: #CCCCCC;
}
.footerSlideText_contact .FSTC_email a{
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
.footerSlideText_contact .FSTC_email a:hover{
font-weight:bold;
color: #CCCCCC;
text-decoration: none;
}
#statusMessage{
max-width: 400px;
width: 40%;
height: 120px;
background: #999999;
border: 2px #333333 solid;
padding: 30px 0.5% 5px 0.5%;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 1px 1px 20px 1px #999999;
}
#statusMessageWishList{
max-width: 400px;
width: 40%;
height: 120px;
background: #999999;
border: 2px #333333 solid;
padding: 30px 0.5% 5px 0.5%;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 1px 1px 20px 1px #999999;
}
#currencycountrybox{
max-width: 350px;
width: 32%;
height: auto;
background: #999999;
position: absolute;
z-index: 30;
top: 90px;
right: 401px;
padding: 5px 0.5%;
text-align: left;
font-size: 13px;
font-family: 'Roboto', sans-serif;
color: #FFFFFF;
}
#currencycountrybox p{
margin-top: 0;
font-family: 'Roboto', sans-serif;
}
#currencycountrybox label{
width: 100px;
float: left;
margin: 5px 5px 5px 0;
font-weight: bold;
}
#currencycountrybox select{
width: 150px;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0px 5px 5px 0px;
padding: 1.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
color: #999999;
}
input.submitCC, a.submitCC, a.submitCC:link, a.submitCC:visited{font-family:Helvetica; color:#666666; background:#FFFFFF; border:none; font-size:13px; font-weight:bold; padding:5px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none; margin-top:15px;}
a.submitCC:hover, input.submitCC:hover{font-family:Helvetica; color:#666666; background:#CCCCCC; border:none; font-size:13px; font-weight:bold; padding:5px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
.section_slide_text {
color: green;
float: right;
font-family: "Roboto",serif;
height: auto;
margin-right: 130px;
margin-top: 110px;
position: relative;
text-align: right;
width: 450px;
z-index: 87;}
.slide_line1, .slide_line3{
font-family: 'Cinzel', serif;
font-size:40px;
color:#003366;
line-height: 40px;
text-transform:uppsercase;
}
.slide_line2{
font-family: 'Cinzel', serif;
font-size:80px;
color:#003366;
line-height: 55px;
text-transform:uppsercase;
}
.slide_line4{
font-size:25px;
color:#33872A;
font-family: 'Roboto', serif;
font-weight:300;
line-height: 30px;
}
.contactus{
float: right;
margin-top: 50px;
position: relative;
margin-bottom: 10px;
margin-right: 22%;
}
.contactus p{
left: 0;
margin: 0 0 0 60px;
position: absolute;
top: 10px;
font-size:30px;
color:#FFFFFF;
font-family: 'Cinzel', serif;
}
.whatwedo{
margin-top:60px;
}
.sub_banner_wrap {
float: right;
position: relative;
}
.sub_banner_text h1 {
left: 0;
margin: 80px 70px 0 50px;
top: 400px;
}
.sub_banner_text span{
float: right;
left: 0;
margin: 0 80px 0 0;
text-align: right;
top: 300px;
width: 92%;
}
.sub_banner_container{
width:100%;
float:left;
background:#ffffff;
}
.sub_banner_img{
color: #333333;
float: left;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: normal;
text-align: left;
width: 60%;
}
.sub_banner_text{
width:40%;
float:left;
top: 300px;
}
.hp_banner_img{
display:none;
}
.g-recaptcha {
float: left;
margin-top: 3%;
width: 300px;
}
.hp_banner_text{
display:none;
}
.hvr-grow {
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: transform;
vertical-align: middle;
}
#over_map { position: absolute; top: 250px; left: 40px; z-index: 99; text-align:left; background: #002040; opacity: 0.8; padding:25px; color:#ffffff;}
#over_map > ul { list-style:none; padding:0;}
#over_map span { font-weight: bold;}
#over_map a:hover {color: #33872a;
font-weight: normal;
text-decoration: underline;
text-transform: none;
}
#whatwedo{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.financialexperrtise{
float:left;
width:100%;
}
/* END OF MISC */
/* SHOP */
#optiondropdownsList{
width:100%;
height:auto;
float:left;
}
#optiondropdownsList label{
width:60px;
font-weight:bold;
float:left;
text-align:left;
margin:0 10px 0 0;
}
#code{
width: 96%;
height: auto;
background: #CCCCCC;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 1.5%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #333333;
}
#price{
width: 96%;
height: auto;
background: #CCCCCC;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 1.5%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #333333;
}
#rrp{
width: 96%;
height: auto;
background: #CCCCCC;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 1.5%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #333333;
}
.productDetailBar{
width: 96%;
height: auto;
background: #CCCCCC;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0 0 10px 0;
padding: 1.5%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #333333;
}
.productDetailDescLTF{
width: 20%;
height: auto;
float: left;
text-align: left;
margin: 0 3% 0 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.productDetailDescRHT{
width: 77%;
height: auto;
float: left;
text-align: left;
margin: 0;
padding: 0;
font-weight: normal;
}
.productDetailDescRHT select{
width: auto;
height: auto;
background: #FFFFFF;
border: 1px #999999 solid;
float: left;
text-align: left;
margin: 0;
padding: 0.5% 1.5%;
font-weight: normal;
}
.calltoaction{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 10px 0;
padding: 0;
}
.calltoaction h3{
width: 100%;
height: auto;
float: left;
text-align: left;
margin: 0 0 3px 0;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 17px;
color: #999999;
}
.calltoaction span{
width: auto;
height: auto;
float: left;
margin: 0 3px 0 0;
padding: 0;
}
.calltoaction ul{
width: auto;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.calltoaction li{
width: auto;
height: auto;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
/* END OF SHOP */
/* JQUERY */
.slideshow{
width: 100%;
max-width: 1000px;
height: 300px;
text-align: center;
margin: 0 auto;
}
.acc_trigger{
width: 100%;
height: 40px;
float: left;
text-align: left;
margin: 0px 0px 1px 0px;
padding: 0;
border: none;
}
.acc_trigger a{
width: 96%;
height: 33px;
background: url(../images/general/faqsbg1.jpg) right top no-repeat;
float: left;
text-align: left;
margin: 0;
padding: 7px 2% 0 2%;
border: none;
color: #000000;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
text-decoration: none;
display: block;
cursor: pointer;
}
.acc_trigger a:hover{
width: 96%;
height: 33px;
float: left;
text-align: left;
margin: 0;
padding: 7px 2% 0 2%;
border: none;
color: #999999;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: normal;
text-decoration: none;
display: block;
cursor: pointer;
}
.acc_trigger_active a{background: url(../images/general/faqsbg1Active.jpg) right top no-repeat;}
.acc_container{
width: 94%;
height: auto;
background: #EEEEEE;
clear: both;
float: left;
text-align: left;
margin: 0 0 2px 0;
padding: 2% 3%;
border: none;
font-family: 'Roboto', sans-serif;
color: #333333;
}
<!-- START of photoswipe CSS -->
.my-simple-gallery{
float: left;
text-align: center;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.my-simple-gallery img{
width: 100%;
height: auto;
}
.my-simple-gallery figure{
display: block;
float: left;
height: auto;
overflow: hidden;
}
.my-simple-gallery figure.figureMain{
float: right;
margin: 10px 0;
width: 42.5%;
max-width: 365px;
}
.my-simple-gallery figure.figureMain img{width: 100%;}
.my-simple-gallery figure.figureMain2{
margin: 0 0 0% 0;
/*width: 100%;*/
border-style: solid; border-width: 35px 41px 40px 35px;
-moz-border-image: url(../images/general/image_border.png) 28 39 34 31 fill stretch;
-webkit-border-image: url(../images/general/image_border.png) 28 39 34 31 fill stretch;
-o-border-image: url(../images/general/image_border.png) 28 39 34 31 fill stretch;
border-image: url(../images/general/image_border.png) 28 39 34 31 fill stretch;
width:60%;
}
.my-simple-gallery figure.figureMain2 img{width: 100%;}
.my-simple-gallery figure.figureMain3{
margin: 15px 5% 5% 0;
width: 100%;
max-width: 200px;
display: block;
float: left;
height: auto;
overflow: hidden;
}
.my-simple-gallery figure.figureMain3 img{width: 100%;}
.my-simple-gallery figure.figureMainProduct{
margin: 0 2%;
width: 96%;
position: relative;
}
.my-simple-gallery figure.figureMainProduct img{width: 100%;}
.my-simple-gallery figure.figureSub{
margin: 2%;
width: 16%;
height: 120px;
}
.my-simple-gallery figure.figureSub img{
width: 100%;
height: 100%;
}
.my-simple-gallery figure.figureSub2{
margin: 0%;
/*width: 29%;
height: 120px;*/
}
.my-simple-gallery figure.figureSub2 img{
width: 100%;
height: 100%;
}
.my-simple-gallery figure.figureGallery{
margin: 2%;
width: 16%;
height: auto;
}
.my-simple-gallery figure.figureGallery img{
width: 100%;
height: auto;
}
.my-simple-gallery figcaption{display: block;}
.my-simple-gallery figure.figureTeamMain{
float: none;
margin: 0 auto 5% auto;
width: 30%;
}
.my-simple-gallery figure.figureTeamMain img{width: 100%;}
.my-simple-gallery figure.figureJobMain{
float: none;
margin: 0 auto 5% auto;
width: 100%;
}
.my-simple-gallery figure.figureJobMain img{width: 100%;}
.Masonry{display: block;}
.Masonry .my-simple-galleryMasonry{
width: 100%;
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
column-count: 4;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
-ms-column-gap: 10px;
-o-column-gap: 10px;
column-gap: 10px;
}
.Masonry .my-simple-galleryMasonry figure.figureSubMasonry{
width: 100%;
text-align: left;
margin: 0 0 8px 0;
display: inline-block;
position: relative;
}
.Masonry .my-simple-galleryMasonry figure.figureSubMasonry img{width: 100%;}
<!-- END of photoswipe CSS -->
@-webkit-keyframes androidbugfix{from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header_res{position:relative; z-index:10; top:0; left:0; right:0; height:50px; background: #002040 none repeat scroll 0 0; width:100%; display:none;}
#header_res label{padding:0 0.125em; font:30px Arial; float:right; position: absolute;}
#menu_res label{padding:0 0.25em; font:30px Arial;}
#menu_res .sub-nav label{padding:0 0.3125em; font:2em/2em Arial; top:0;}
#header_res label:hover, #menu_res label:hover{color:#33872a;}
#main-nav-check, #menu_res .sub-nav-check{position:absolute; top:-9999px; left:-9999px;}
.toggle{position:absolute; right:0.15em; cursor:pointer; color:#FFFFFF;}
.container{background:#FFFFFF; min-height:100%; padding:0; margin:0;}
#menu_res, #menu_res .sub-nav{position:absolute; top:0; bottom:0; width:13.75em; background:#002040; z-index:9999; left:-13.75em;}
.container, #menu_res, #menu_res .sub-nav{
-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
}
#menu_res ul{ background:#002040; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:50px; ;}
#menu_res li{ border-bottom:1px solid #ffffff 0.8; text-align: left;}
#menu_res li a{ display:block; font-size:11.5px; padding-left:1.5em; color:#FFFFFF; text-decoration:none; font-family: 'Roboto', sans-serif;}
#menu_res li a:hover, #menu_res .toggle-sub:hover{ background:#33872a;}
#menu_res .sub-nav{ margin-top:-1px;}
#menu_res .sub-heading{ margin-top:4.0625em; padding-left:1.3125em; color:#999999; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
#menu_res .sub-heading:before{ content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#002040;}
#menu_res .toggle-sub{ font:bold 1em/2.75em Arial !important; color:#FFFFFF; background:#002040;float:right; top:auto; margin-top:-2.75em; width:2.25em; cursor:pointer; text-align:center;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate3d(0,0,0);} /* http://davidwalsh.name/translate3d */
#header_res span{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 8px 10px 0 10px;
padding: 0;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
display: block;
z-index:10;
}
#header_res span img{
width: auto;
height: auto;
float: left;
text-align: left;
margin: 0 5px 0 0;
padding: 0;
}
#header_res div.HRLogo{
width: 40px;
height: auto;
float: left;
margin: 5px 20px 0 10px;
padding: 0;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
display: block;
}
#header_res div.HRLogoTablet{
width: 120px;
height: auto;
margin: 0 auto;
padding: 0;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
display: block;
}
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu_res,
#menu_res .sub-nav-check:checked ~ #fof-sub1,
#menu_res .sub-nav-check:checked ~ #fof-sub2,
#menu_res .sub-nav-check:checked ~ #fof-sub3,
#menu_res .sub-nav-check:checked ~ #fof-sub4,
#menu_res .sub-nav-check:checked ~ #fof-sub5,
#menu_res .sub-nav-check:checked ~ #fof-sub6,
#menu_res .sub-nav-check:checked ~ #fof-sub7,
#menu_res .sub-nav-check:checked ~ #fof-sub8,
#menu_res .sub-nav-check:checked ~ #fof-sub9,
#menu_res .sub-nav-check:checked ~ #fof-sub10,
#menu_res .sub-nav-check:checked ~ #fof-sub11,
#menu_res .sub-nav-check:checked ~ #fof-sub12,
#menu_res .sub-nav-check:checked ~ #fof-sub13,
#menu_res .sub-nav-check:checked ~ #fof-sub14,
#menu_res .sub-nav-check:checked ~ #fof-sub15,
#menu_res .sub-nav-check:checked ~ #fof-sub16,
#menu_res .sub-nav-check:checked ~ #fof-sub17,
#menu_res .sub-nav-check:checked ~ #fof-sub18,
#menu_res .sub-nav-check:checked ~ #fof-sub19,
#menu_res .sub-nav-check:checked ~ #fof-sub20,
#menu_res .sub-nav-check:checked ~ #fof-sub21,
#menu_res .sub-nav-check:checked ~ #fof-sub22,
#menu_res .sub-nav-check:checked ~ #fof-sub23,
#menu_res .sub-nav-check:checked ~ #fof-sub24,
#menu_res .sub-nav-check:checked ~ #fof-sub25,
#menu_res .sub-nav-check:checked ~ #fof-sub26,
#menu_res .sub-nav-check:checked ~ #fof-sub27,
#menu_res .sub-nav-check:checked ~ #fof-sub28,
#menu_res .sub-nav-check:checked ~ #fof-sub29,
#menu_res .sub-nav-check:checked ~ #fof-sub30,
#menu_res .sub-nav-check:checked ~ #fof-sub31,
#menu_res .sub-nav-check:checked ~ #fof-sub32,
#menu_res .sub-nav-check:checked ~ #fof-sub33,
#menu_res .sub-nav-check:checked ~ #fof-sub34,
#menu_res .sub-nav-check:checked ~ #fof-sub35,
#menu_res .sub-nav-check:checked ~ #fof-sub36,
#menu_res .sub-nav-check:checked ~ #fof-sub37,
#menu_res .sub-nav-check:checked ~ #fof-sub38,
#menu_res .sub-nav-check:checked ~ #fof-sub39,
#menu_res .sub-nav-check:checked ~ #fof-sub40,
#menu_res .sub-nav-check:checked ~ #fof-sub41,
#menu_res .sub-nav-check:checked ~ #fof-sub42,
#menu_res .sub-nav-check:checked ~ #fof-sub43,
#menu_res .sub-nav-check:checked ~ #fof-sub44,
#menu_res .sub-nav-check:checked ~ #fof-sub45,
#menu_res .sub-nav-check:checked ~ #fof-sub46,
#menu_res .sub-nav-check:checked ~ #fof-sub47,
#menu_res .sub-nav-check:checked ~ #fof-sub48,
#menu_res .sub-nav-check:checked ~ #fof-sub49,
#menu_res .sub-nav-check:checked ~ #fof-sub50,
#menu_res .sub-nav-check:checked ~ #fof-sub51,
#menu_res .sub-nav-check:checked ~ #fof-sub52,
#menu_res .sub-nav-check:checked ~ #fof-sub53,
#menu_res .sub-nav-check:checked ~ #fof-sub54,
#menu_res .sub-nav-check:checked ~ #fof-sub55,
#menu_res .sub-nav-check:checked ~ #fof-sub56,
#menu_res .sub-nav-check:checked ~ #fof-sub57,
#menu_res .sub-nav-check:checked ~ #fof-sub58,
#menu_res .sub-nav-check:checked ~ #fof-sub59,
#menu_res .sub-nav-check:checked ~ #fof-sub60,
#menu_res .sub-nav-check:checked ~ #fof-sub61,
#menu_res .sub-nav-check:checked ~ #fof-sub62,
#menu_res .sub-nav-check:checked ~ #fof-sub63,
#menu_res .sub-nav-check:checked ~ #fof-sub64,
#menu_res .sub-nav-check:checked ~ #fof-sub65,
#menu_res .sub-nav-check:checked ~ #fof-sub66,
#menu_res .sub-nav-check:checked ~ #fof-sub67,
#menu_res .sub-nav-check:checked ~ #fof-sub68,
#menu_res .sub-nav-check:checked ~ #fof-sub69,
#menu_res .sub-nav-check:checked ~ #fof-sub70,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu_res .sub-nav-check:checked ~ #fast-apps-sub{-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0);}
.moveright {
float: right;
height: auto;
width:60px;
}
.searchwrap {
width: 70%;
margin: 20px 15%;
float: none;
}
.smalltext {
font-size: 9px;
}
#pwindicator {
margin-top: 4px;
width: 150px;
}
.bar {
height: 2px;
margin: 5px 0 0 0;
float: left;
}
.label {text-transform: capitalize;}
.pw-very-weak .bar {
background: #d00;
width: 30px;
}
.pw-very-weak .label {
color: #d00;
width: 61%;
margin: 0 0 5px 0;
padding: 0 4% 0 0;
float: right;
}
.pw-weak .bar {
background: #d00;
width: 60px;
}
.pw-weak .label {
width: 61%;
margin: 0 0 5px 0;
padding: 0 4% 0 0;
float: right;
}
.pw-mediocre .bar {
background: #f3f01a;
width: 90px;
}
.pw-mediocre .label {
color: #f3f01a;
width: 61%;
margin: 0 0 5px 0;
padding: 0 4% 0 0;
float: right;
}
.pw-strong .bar {
background: #f3b31a;
width: 120px;
}
.pw-strong .label {
color: #f3b31a;
width: 61%;
margin: 0 0 5px 0;
padding: 0 4% 0 0;
float: right;
}
.pw-very-strong .bar {
background: #0d0;
width: 150px;
}
.pw-very-strong .label {
color: #0d0;
width: 61%;
margin: 0 0 5px 0;
padding: 0 4% 0 0;
float: right;
}
/* END OF JQUERY */
/* MEDIA QUERIES */
@media only screen and (min-width:0px) and (max-width:479px){
header{display:none;}
#header_res{display:block; float:left;}
.toggle{margin-top:0;}
#header_res span{margin: 8px 0px 0 5px;}
#header_res div.HRLogoTablet{display:none;}
.banner{
width: 100%;
height: 160px;
float: left;
display:block;
}
.banner img{
width: 100%;
height: 150px;
display:block;
}
#maincontent{
width: 100%;
max-width: none;
}
footer{
width: 100%;
height: 300px;
background: #00336b;
margin: 0 auto;
padding: 0;
position: relative;
display: block;
}
.footer{
max-width: none;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.footer_nav{display:none;}
.footer_nav_Ecom{display:none;}
.footer_info{
width: 90%;
margin: 0;
padding: 2.5% 5%;
}
.footer_info li.footer_siteMap{display:block;}
.footer_payment_checkout{display:none;}
.footer_payment{display:none;}
.cell_full_hp{
max-width: none;
width: 96%;
margin: 15px 0;
padding: 0 2%;
}
.cell_full{
max-width: none;
width: 100%;
min-height: 500px;
margin: 0 0 15px 0;
}
.cell_full_sub{
max-width: none;
width: 96%;
padding: 0 2%;
}
.cell_full_sub_contactus{
max-width: none;
width: 100%;
padding: 0;
}
.section_content{
width: 90%;
margin: 0 5%;
}
.section_content_sml{
width: 90%;
margin: 0 5%;
}
.aside_image{
width: 96%;
margin: 10px 2% 0 2%;
}
.aside_image img{width: 100%;}
.section_image{
width: 96%;
margin: 10px 2% 0 2%;
}
.aside_nav{display:none;}
.section_content_nav{
width: 90%;
margin: 0 5%;
}
.aside_date{
width: 90%;
margin: 10px 5% 0 5%;
padding: 0;
}
.section_date_content{
width: 90%;
height: auto;
min-height: 0;
border-top: 1px #CCCCCC solid;
border-left: none;
padding: 10px 5% 10px 5%;
}
.section_date_content div.SDCdivoptions{width: 100%;}
.section_date_content_img{
width: 100%;
margin: 0 0 15px 0;
padding: 0;
}
.section_date_content_detail{
max-width: none;
width: 100%;
}
.section_video{
width: 80%;
margin: 0 auto 30px auto;
padding: 5% 10%;
}
.section_video iframe{
width: 100%;
height: 250px;
}
.aside_products_img{
width: 97%;
margin: 0 2% 4% 1%;
}
.section_products{
width: 96%;
margin: 0 2%;
}
.textcolumn-2{
max-width: none;
width: 100%;
}
.textcolumn-2 h2{
margin: 4% 0;
font-size: 25px;
}
.textcolumn{
width: 84%;
margin: 0 4% 4% 4%;
padding: 0.5% 4%;
}
.list_features_hp li{
width: 100%;
margin-top: 8%;
margin-right:1%;
}
.list_features_hp li img{width: 100%;}
.list_features_hp {
margin: 0 3% 30px;
}
.list_gallery_hp li{
width: 95%;
height: 250px;
margin: 2%;
padding: 0.5%;
}
.list_gallery_hp span.LGHPspan_title{font-size: 45px;}
.list_gallery_hp li span.LGHPspan{
width: 100%;
height: 250px;
}
.sim-button{
margin-top: 100px;
width: 80%;
}
.list_date_hp{
width: 96%;
margin: 20px 0 0 0;
padding: 2%;
}
.list_date_hp ul{height: auto;}
.list_testimonials_hp{
width: 96%;
margin: 20px 0;
padding: 2%;
}
.list_testimonials_hp ul{height: auto;}
.list_products{
width: 100%;
padding: 10px 0;
}
.list_products li{
width: 89%;
height: auto;
border: 1px #DBDFE0 solid;
margin: 2%;
padding: 3% 3% 6% 3%;
}
.list_products li div{
width: 100%;
height: auto;
padding: 3% 0;
}
.list_products li div img{
width: 100%;
height: auto;
}
.list_products li span{
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
}
.list_testimonials li div{
width: 86%;
padding: 2% 10% 2% 4%;
}
.list_testimonials li span{
width: 92%;
padding: 3% 4% 2% 4%;
}
.list_staff li{
width: 90%;
height: auto;
margin: 20px 5%;
padding: 0 0 30px 0;
}
.list_staff li div.LSlidivheader{
width: 90%;
height: auto;
padding: 8px 5%;
}
.list_staff li div img{width: 100%;}
.list_staff li div.LSlidivcontent{
width: 90%;
height: 170px;
margin: 0;
padding: 10px 5%;
}
.list_downloads li{
width: 90%;
margin: 0 2.5% 20px 2.5%;
padding: 2.5%;
}
.list_address_contactus{
width: 92%;
margin: 20px 2%;
padding: 2%;
}
.list_address_contactus li span{width: 30%;}
.list_address_contactus li div{width: 70%;}
.list_images_text li{
width: 90%;
margin: 0;
padding: 2% 5%;
}
.list_images_text li div.lmt_img{
width: 100%;
margin: 10px 0;
}
.list_images_text li div.lmt_img img{width:100%;}
.list_images_text li div.lmt_content{
width: 100%;
padding: 10px 0;
}
.list_productsEcomm{
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.list_productsEcomm ul{
margin: 0;
padding: 0;
}
.list_productsEcomm li{
width: 91%;
max-width: none;
height: auto;
border: 1px solid #CCCCCC;
margin: 2%;
padding: 2% 2% 7% 2%;
}
.list_productsEcomm li div.LPEimg{
width: 100%;
height: auto;
}
.list_productsEcomm li div.LPEimg img{
width: 100%;
max-width: none;
height: auto;
max-height: none;
}
.list_productsEcomm li div.LPEinfo{
width: 100%;
height: auto;
}
.list_productsRelated{
width: 96%;
margin: 0 2%;
}
.form_contact{
min-height: 0;
margin: 0 2%;
padding: 0 2%;
width: 92%;
}
.form_search{
width: 100%;
height: 40px;
}
.form_search input{
width: 96%;
height: 40px;
font-size: 22px;
font-weight: 500;
}
.form_search input.button{display: none;}
.animatedBoxes-3 li{width: 100%;}
.animatedBoxes-3 li.ABLI_wide{width: 100%;}
figure.AB3{
width: 100%;
height: 300px;
}
figure.AB3 img{height: 100%;}
figcaption.AB3caption h3{
padding: 10px 20px;
left: 100%;
margin-top: 10px;
font-size: 35px;
}
figcaption.AB3caption p{
padding: 10px 20px;
margin-top: 10px;
left: 100%;
font-size: 17px;
}
.featured-posts .cards{
-webkit-column-count: 1;
-moz-column-count: 1;
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
-ms-column-gap: 10px;
-o-column-gap: 10px;
column-gap: 10px;
}
.featured-posts .cards .card{margin: 0 0 25px 0;}
.textimagerows{
max-width: none;
width: 100%;
}
.textimagerows h2{font-size: 30px;}
.textimagerows li{
width: 90%;
margin: 2% 2%;
}
.textimagerows li div{
width: 100%;
margin: 10px 0;
text-align: center;
}
.textimagerows li span{width: 100%;}
.textimagerows li span h3{text-align: center;}
.textimagerows li p{text-align: center;}
.textimageiconlisting{
max-width: 1000px;
width: 100%;
}
.textimageiconlisting li{
width: 90%;
margin: 2%;
padding: 2% 3%;
}
.textimageiconlisting li div{
width: 100%;
margin: 5px 0 10px 0;
text-align: center;
}
.textimageiconlisting li span{
width: 100%;
text-align: center;
}
.textimageiconlisting li span h3{text-align: center;}
.textimageiconlisting li span p{text-align: center;}
.productDetailDescLTF{
width: 30%;
margin: 0 3% 0 0;
}
.productDetailDescRHT{width: 67%;}
.my-simple-gallery figure.figureSub{
margin: 1%;
width: 23%;
height: auto;
}
.my-simple-gallery figure.figureSub2{
margin: 1%;
width: 23%;
height: auto;
}
.my-simple-gallery figure.figureMainProduct{
margin: 0 0 0 1%;
width: 99%;
}
.map_wrap{
width: 100%;
float: left;
margin: 0 8% 3% 0;
}
a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{font-size: 18px; padding: 10px;}
a.subscribe:hover{font-size: 18px; padding: 10px;}
a.general, a.general:link, a.general:visited, a.general:active{font-size: 18px; padding: 10px;}
a.general:hover{font-size: 18px; padding: 10px;}
input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
#statusMessage{
max-width: none;
width: 80%;
}
#statusMessageWishList{
max-width: none;
width: 80%;
}
#footerSlideContainer{display: none;}
.section_slide_text {
margin-right: 40px;
margin-top: 50px;
}
.slide_line1, .slide_line3 {
font-size:30px;
line-height: 30px;
}
.slide_line2 {
font-size:60px;
line-height: 40px;
}
.slide_line4 {
font-size:18px;
line-height:0;
}
.whatwedo{
width:60%;
}
.section_content_hp {
float: left;
margin: 0 5%;
width: auto;
}
.section_content_hp h1 {
font-size:25px;
}
.contactus {
margin:0;
width:100%;
}
.contactus p {
width:60%;
}
.sub_banner_img, .sub_banner_text span {
display:none;
}
.sub_banner_text, .sub_banner_text h1{
margin:0;
width:100%;
text-align:center;
}
.my-simple-gallery figure {
float:none;
}
.my-simple-gallery figure.figureMain2 {
width:75%;
}
.aside_content_sml_imgs {
width:;
margin: 10% 10% 10%;
}
.g-recaptcha {
width:90%;
}
.form_contact li {
width:98%;
}
.form_contact input.FC_inputwide {
padding: 4% 2%;
}
.form_contact select {
padding: 4.5% 2%;
}
.hp_banner_img{
display:none;
}
.hp_banner_text{
display:block;
}
.section_slide_text {
display:none;
}
.whatwedo {
margin-top: 30px;
}
.section_content_sml > ul {
padding-left: 9%;
}
#over_map {
padding:20px;
font-size:16px;
top:0;
left:0;
position:relative
}
.financialexpertise{
display:none;
}
}
@media only screen and (min-width:480px) and (max-width:767px){
header{display:none;}
#header_res{display:block; float:left;}
.toggle{margin-top:0;}
#header_res span{margin: 8px 10px 0 10px;}
#header_res div.HRLogoTablet{display:none;}
.banner{
width: 100%;
height: 220px;
float: left;
}
.banner img{
width: 100%;
height: 220px;
}
#maincontent{
width: 100%;
max-width: none;
}
footer{
width: 100%;
height: 300px;
background: #00336b;
margin: 0 auto;
padding: 0;
position: relative;
display: block;
}
.footer{
max-width: none;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.footer_nav{display:none;}
.footer_nav_Ecom{display:none;}
.footer_info{
width: 90%;
margin: 0;
padding: 2.5% 5%;
}
.footer_info li.footer_siteMap{display:block;}
.footer_payment_checkout{display:none;}
.footer_payment{display:none;}
.cell_full_hp{
max-width: none;
width: 96%;
margin: 15px 0;
padding: 0 2%;
}
.cell_full{
max-width: none;
width: 100%;
min-height: 500px;
margin: 0 0 15px 0;
}
.cell_full_sub{
max-width: none;
width: 96%;
padding: 0 2%;
}
.cell_full_sub_contactus{
max-width: none;
width: 100%;
padding: 0;
}
.section_image{
width: 65%;
margin: 10px 5% 0 0;
}
.aside_nav{display:none;}
.section_content_nav{width: 100%;}
.section_date_content_img{
width: 100%;
margin: 0 0 20px 0;
}
.section_date_content_detail{
max-width: none;
width: 100%;
margin: 0 0 15px 0;
}
.section_date_content div.SDCdivoptions{
width: 100%;
margin: 0 0 15px 0;
}
.section_date_content_img{
width: 100%;
margin: 0 0 20px 0;
}
.section_date_content_detail{
max-width: none;
width: 100%;
margin: 0 0 15px 0;
}
.section_video{
width: 80%;
margin: 0 auto 30px auto;
padding: 5% 10%;
}
.section_video iframe{
width: 100%;
height: 420px;
}
.aside_products_img{
width: 40%;
margin: 0 2% 0 1%;
}
.section_products{
width: 55%;
margin: 0 2% 0 0;
}
.textcolumn-2{
max-width: none;
width: 100%;
}
.textcolumn-2 h2{
margin: 4% 0;
font-size: 30px;
}
.textcolumn{
width: 84%;
margin: 0 4% 4% 4%;
padding: 0.5% 4%;
}
.list_features_hp li{
margin-right: 0%;
margin-left:0;
margin-top: 8%;
width: 100%;
}
.list_features_hp li img{width: 50%;}
.list_gallery_hp li{
width: 28%;
height: 250px;
margin: 2%;
padding: 0.5%;
}
.list_gallery_hp li span.LGHPspan{
width: 100%;
height: 250px;
}
.sim-button{
margin-top: 100px;
width: 80%;
}
.list_date_hp{
width: 44%;
margin: 20px 2%;
padding: 1%;
}
.list_testimonials_hp{
width: 94%;
margin: 10px 2% 20px 2%;
padding: 1%;
}
.list_testimonials_hp ul{height: auto;}
.list_products li{margin: 18px 22px;}
.list_testimonials li div{
width: 86%;
padding: 2% 10% 2% 4%;
}
.list_testimonials li span{
width: 92%;
padding: 3% 4% 2% 4%;
}
.list_staff li{
width: 40%;
height: 510px;
margin: 20px 5%;
}
.list_staff li div.LSlidivheader{
width: 90%;
height: 54px;
padding: 8px 5%;
}
.list_staff li div.LSlidivimg{
width: 100%;
height: 200px;
margin: 0;
padding: 0;
}
.list_staff li div img{width: 100%;}
.list_staff li div.LSlidivcontent{
width: 90%;
height: 170px;
margin: 0;
padding: 10px 5%;
}
.list_downloads li{
width: 40%;
margin: 0 2.5% 20px 2.5%;
padding: 2.5%;
}
.list_address_contactus p{font-size: 15px;}
.list_address_contactus li{font-size: 15px;}
.list_images_text li{
width: 96%;
padding: 2%;
}
.list_images_text li div.lmt_img img{width:100%;}
.list_productsRelated{
width: 96%;
margin: 0 2%;
}
.form_search{
width: 100%;
height: 40px;
}
.form_search input{
width: 96%;
height: 40px;
font-size: 22px;
font-weight: 500;
}
.form_search input.button{display: none;}
.animatedBoxes-3 li{width: 100%;}
.animatedBoxes-3 li.ABLI_wide{width: 100%;}
figure.AB3{
width: 100%;
height: 300px;
}
figure.AB3 img{height: 100%;}
figcaption.AB3caption h3{
padding: 10px 20px;
left: 100%;
margin-top: 10px;
font-size: 40px;
}
figcaption.AB3caption p{
padding: 10px 20px;
margin-top: 10px;
left: 100%;
font-size: 20px;
}
.featured-posts .cards{
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-ms-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
}
.featured-posts .cards .card{margin: 0 0 25px 0;}
.textimagerows{
max-width: none;
width: 100%;
}
.textimagerows h2{font-size: 30px;}
.textimagerows li{
width: 90%;
margin: 2% 2%;
}
.textimagerows li div{
width: 100%;
margin: 10px 0;
text-align: center;
}
.textimagerows li span{width: 100%;}
.textimagerows li span h3{text-align: center;}
.textimagerows li p{text-align: center;}
.textimageiconlisting{
max-width: 1000px;
width: 100%;
}
.textimageiconlisting li{
width: 90%;
margin: 2%;
padding: 2% 3%;
}
.textimageiconlisting li div{
width: 100%;
margin: 5px 0 10px 0;
text-align: center;
}
.textimageiconlisting li span{
width: 100%;
text-align: center;
}
.textimageiconlisting li span h3{text-align: center;}
.textimageiconlisting li span p{text-align: center;}
.productDetailDescLTF{
width: 30%;
margin: 0 3% 0 0;
}
.productDetailDescRHT{width: 67%;}
.my-simple-gallery figure.figureSub{
margin: 1%;
width: 23%;
height: auto;
}
.my-simple-gallery figure.figureSub2{
margin: 1%;
width: 23%;
height: auto;
}
.my-simple-gallery figure.figureMainProduct{
margin: 0 0 0 1%;
width: 99%;
}
.map_wrap{
width: 100%;
float: left;
margin: 0 5% 3% 0;
}
a.general, a.general:link, a.general:visited, a.general:active{padding: 10px 20px;}
a.general:hover{padding: 10px 20px;}
input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
#statusMessage{
max-width: none;
width: 60%;
}
#statusMessageWishList{
max-width: none;
width: 60%;
}
#footerSlideContainer{display: none;}
.section_slide_text {
margin-right: 20px;
margin-top: 72px;
}
.slide_line1, .slide_line3 {
font-size:20px;
line-height: 20px;
}
.slide_line2 {
font-size:50px;
line-height: 30px;
}
.slide_line4 {
font-size:14px;
line-height:0;
}
.whatwedo{
width:40%;
}
.section_content_hp {
float: left;
margin: 0 5%;
width: auto;
}
.section_content_hp h1 {
font-size:25px;
}
.contactus {
margin:0;
width:100%;
}
.contactus p {
width:75%;
top: 13px;
font-size: 25px;
}
.background_hp{
background: #ffffff url("../images/general/maincontent_bg.jpg");
background-position: center top;
background-size: cover;
}
.sub_banner_img, .sub_banner_text span {
display:none;
}
.sub_banner_text, .sub_banner_text h1{
margin:0;
width:100%;
text-align:center;
padding-right:0;
}
input.submit, a.submit, a.submit:link, a.submit:visited, a.submit:hover, input.submit:hover {
width:100px;
}
.form_contact li {
width:98%;
}
.form_contact input.FC_inputwide {
padding: 2.5% 1%;
}
.form_contact select {
padding: 2.5% 2%;
}
.my-simple-gallery figure.figureMain2 {
margin: 0 30%;
width: 30%;
}
.section_content_sml {
margin: 2%;
}
.section_content_sml > ul {
padding-left: 5%;
}
#over_map {
padding:20px;
font-size:16px;
top:280px;
left:35px;
}
.financialexpertise{
display:none;
}
}
@media only screen and (min-width:768px) and (max-width:1023px){
header{display:none;}
#header_res{display:block; float:left; height:60px;}
.toggle{margin-top:10px;}
#header_res span{margin: 15px 10px 0 10px;}
#header_res div.HRLogo{display:none;}
.banner{
width: 100%;
height:250px;
float: left;
}
.banner img{
width: 100%;
/*height: 150px;*/
}
#maincontent{
width: 100%;
max-width: none;
}
footer{
width: 100%;
height: 300px;
background: #00336b;
margin: 0 auto;
padding: 0;
position: relative;
display: block;
}
.footer{
max-width: none;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
}
.footer_nav{display:none;}
.footer_nav_Ecom{display:none;}
.footer_info{
width: 90%;
margin: 0;
padding: 2.5% 5%;
}
.footer_info li.footer_siteMap{display:block;}
.footer_payment_checkout{display:none;}
.footer_payment{display:none;}
.cell_full_hp{
max-width: none;
width: 96%;
margin: 15px 0;
padding: 0 2%;
}
.cell_full{
max-width: none;
width: 100%;
min-height: 500px;
margin: 0 0 15px 0;
}
.cell_full_sub{
max-width: none;
width: 96%;
padding: 0 2%;
}
.cell_full_sub_contactus{
max-width: none;
width: 100%;
padding: 0;
}
.section_image{
width: 65%;
margin: 10px 5% 0 0;
}
.aside_findus_map{
width: 95%;
float: left;
margin: 0 5% 0 0;
}
.section_date_content_img{
width: 100%;
margin: 0 0 20px 0;
}
.section_date_content_detail{
max-width: none;
width: 100%;
margin: 0 0 15px 0;
}
.section_date_content div.SDCdivoptions{
width: 100%;
margin: 0 0 15px 0;
}
.section_date_content_img{
width: 100%;
margin: 0 0 20px 0;
}
.section_date_content_detail{
max-width: none;
width: 100%;
margin: 0 0 15px 0;
}
.aside_products_img{
width: 40%;
margin: 0 2% 0 1%;
}
.section_products{
width: 55%;
margin: 0 2% 0 0;
}
.textcolumn-2{
max-width: none;
width: 100%;
}
.list_gallery_hp li{
width: 28%;
height: 250px;
margin: 2%;
padding: 0.5%;
}
.list_gallery_hp li span.LGHPspan{
width: 100%;
height: 250px;
}
.sim-button{
margin-top: 100px;
width: 80%;
}
.list_date_hp{
width: 44%;
margin: 20px 2%;
padding: 1%;
}
.list_testimonials_hp{
width: 94%;
margin: 10px 2% 20px 2%;
padding: 1%;
}
.list_testimonials_hp ul{height: auto;}
.list_products li{margin: 18px 22px;}
.list_testimonials li div{
width: 86%;
padding: 2% 10% 2% 4%;
}
.list_testimonials li span{
width: 92%;
padding: 3% 4% 2% 4%;
}
.list_staff li{
width: 40%;
height: 510px;
margin: 20px 5%;
}
.list_staff li div.LSlidivheader{
width: 90%;
height: 54px;
padding: 8px 5%;
}
.list_staff li div.LSlidivimg{
width: 100%;
height: 200px;
margin: 0;
padding: 0;
}
.list_staff li div img{width: 100%;}
.list_staff li div.LSlidivcontent{
width: 90%;
height: 170px;
margin: 0;
padding: 10px 5%;
}
.list_downloads li{
width: 40%;
margin: 0 2.5% 20px 2.5%;
padding: 2.5%;
}
.list_address_contactus p{font-size: 15px;}
.list_address_contactus li{font-size: 15px;}
.list_productsEcomm li{
width: 29%;
max-width: 220px;
height: 300px;
margin: 0 1.5% 1.5% 0;
padding: 10px 1%;
}
.list_productsRelated{
width: 96%;
margin: 0 2%;
}
.form_search{
width: 100%;
height: 40px;
}
.form_search input{
width: 96%;
height: 40px;
font-size: 22px;
font-weight: 500;
}
.form_search input.button{display: none;}
figure.AB3{
width: 100%;
height: 200px;
}
figure.AB3 img{height: 100%;}
figcaption.AB3caption h3{
padding: 10px 20px 0 20px;
left: 100%;
margin-top: 10px;
font-size: 20px;
}
figcaption.AB3caption p{
padding: 10px 20px;
margin-top: 0;
left: 100%;
font-size: 14px;
}
.featured-posts .cards{
width: 100%;
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
-ms-column-gap: 50px;
-o-column-gap: 50px;
column-gap: 50px;
}
.textimagerows{
max-width: none;
width: 100%;
}
.textimagerows li{
width: 90%;
margin: 2% 2%;
}
.textimagerows li div{
width: 42%;
margin: 10px 3% 0 0;
}
.textimageiconlisting{
max-width: 1000px;
width: 100%;
}
.textimageiconlisting li{
width: 40%;
margin: 2%;
padding: 2% 3%;
}
.textimageiconlisting li div{
width: 100%;
margin: 5px 0 10px 0;
text-align: center;
}
.textimageiconlisting li div img{width: auto;}
.textimageiconlisting li span{
width: 100%;
text-align: center;
}
.textimageiconlisting li span h3{text-align: center;}
.textimageiconlisting li span p{text-align: center;}
.productDetailDescLTF{
width: 25%;
margin: 0 3% 0 0;
}
.productDetailDescRHT{width: 72%;}
.my-simple-gallery figure.figureSub{
margin: 1%;
width: 23%;
height: 60px;
}
.my-simple-gallery figure.figureMainProduct{
margin: 0 0 0 1%;
width: 99%;
}
.map_wrap{
width: 100%;
float: left;
margin: 0 5% 2% 0;
}
a.general, a.general:link, a.general:visited, a.general:active{padding: 10px 20px;}
a.general:hover{padding: 10px 20px;}
input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
#statusMessage{
max-width: none;
width: 60%;
}
#statusMessageWishList{
max-width: none;
width: 60%;
}
#footerSlideContainer{display: none;}
.section_slide_text {
margin-right: 40px;
margin-top: 50px;
}
.slide_line1, .slide_line3 {
font-size:30px;
line-height: 30px;
}
.slide_line2 {
font-size:60px;
line-height: 40px;
}
.slide_line4 {
font-size:18px;
line-height:0;
}
.whatwedo{
width:40%;
}
.list_features_hp li {
margin-left: 0.4%;
margin-right: 0;
margin-top: 8%;
width: 30%;
}
.list_features_hp {
width: 100%;
margin: 0 4% 30px;
}
.background_hp{
background: #ffffff url("../images/general/maincontent_bg.jpg");
background-position: center top;
background-size: cover;
}
.sub_banner_text h1 {
font-size: 21px;
margin: 10px 10px 0;
}
.sub_banner_text span{
font-size: 17px;
line-height: 25px;
margin: 0 20px 0 0;}
.sub_banner_img{
width:55%;
}
.sub_banner_text{
width:45%;
}
input.submit, a.submit, a.submit:link, a.submit:visited, a.submit:hover, input.submit:hover {
width:300px;
}
#over_map {
padding:20px;
font-size:16px;
top:280px;
left:35px;
}
.financialexpertise{
display:none;
}
.section_content_hp {
float: left;
margin: 0 5%;
max-width: 95%;
}
}
@media only screen and (min-width:1024px) and (max-width:1270px){
.header{
height: 10px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
.header_logo {
float: left;
height: auto;
margin: 20px 0 12px 150px;
padding: 0;
text-align: center;
}
.header_logo img{width: 100%;}
.header_content{
float: left;
height: auto;
margin: 3.5% 0 0 5%;
padding: 0;
text-align: left;
width: 50%;
}
.header_search{
width: 100%;
float: right;
margin: 20px 0 0 0;
}
.header_mainnav{
width: 100%;
float: left;
margin: 10px 0 0 0;
}
.header_checkout{
width: 69%;
float: right;
margin: 65px 3% 0 3%;
}
.banner{
width: 100%;
height: auto;
}
.banner img{
width: 100%;
}
#maincontent{
width: 100%;
max-width: none;
}
.footer{max-width: 1000px;margin: 0 auto 0 9%;}
.footer_info{width:39%;}
.cell_full_hp{
max-width: none;
width: 100%;
/*margin: 15px 0;
padding: 0 2%;*/
}
.cell_full{
max-width: none;
width: 100%;
min-height: 500px;
margin: 0 0 15px 0;
}
.cell_full_sub{
max-width: none;
width: 96%;
padding: 0 2%;
}
.cell_full_sub_contactus{
max-width: none;
width: 100%;
padding: 0;
}
#topnav li{margin: 0 2px 0 0;}
#topnav li a, #topnav li a:link, #topnav li a:visited{padding: 5px 7px;}
#topnav li a:hover{padding: 5px 7px;}
#mainnav li{
margin: 0 13px 0 0;
font-size: 15.5px;
}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{margin: 5px 4px;}
#mainnav li a:hover{margin: 5px 4px;}
#mainnav ul {
max-width: 910px;
}
#dropdownnav ul li{
float: left;
font-family: "Roboto",sans-serif;
font-size: 16px;
font-weight: normal;
height: auto;
list-style-type: none;
margin: 0 20px 0 0;
padding: 0;
position: relative;
text-align: center;
width: auto;
z-index: 20;}
#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{padding: 5px 3px;}
#dropdownnav ul li a:hover{padding: 5px 3px;}
#dropdownnav ul ul li{
width: 200px;
font-size: 12px;
}
#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{
width: 192px;
padding: 10px 4px;
}
#dropdownnav ul ul li a:hover{
width: 192px;
padding: 10px 4px;
}
.section_image{
width: 65%;
margin: 10px 5% 0 0;
}
.section_date_content div.SDCdivoptions{
width: 100%;
margin: 0 0 15px 0;
}
.section_date_content_img{
width: 30%;
margin: 0 5% 15px 0;
}
.section_date_content_img img{width: 100%;}
.section_date_content_detail{
max-width: none;
width: 65%;
margin: 0 0 15px 0;
}
.aside_products_img{
width: 48%;
margin: 0 2% 0 0;
}
.section_products{width: 50%;}
.textcolumn-2{max-width: 1000px;}
.list_products li{margin: 18px 15px;}
.list_address_contactus p{font-size: 15px;}
.list_address_contactus li{font-size: 15px;}
.list_gallery_hp{width: 96%;}
.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-size: 18px;}
.list_gallery_hp li span a:hover{font-size: 18px;}
figure.AB3{
width: 100%;
height: 300px;
}
figure.AB3 img{height: 100%;}
figcaption.AB3caption h3{
padding: 10px 20px;
left: 100%;
margin-top: 10px;
font-size: 40px;
}
figcaption.AB3caption p{
padding: 10px 20px;
margin-top: 10px;
left: 100%;
font-size: 20px;
}
.textimagerows{
max-width: 1000px;
width: 100%;
}
.textimagerows li{
width: 90%;
margin: 2% 2%;
}
.textimagerows li div{
width: 42%;
margin: 10px 3% 0 0;
}
.textimageiconlisting{
max-width: 1000px;
width: 100%;
}
.textimageiconlisting li{
width: 40%;
margin: 2%;
padding: 2% 3%;
}
.textimageiconlisting li div{
width: 25%;
margin: 5px 5% 0 0;
}
.textimageiconlisting li span{width: 70%;}
#currencycountrybox{
width: 50%;
top: 80px;
right: 5.5%;
padding: 5px 0.5%;
}
.my-simple-gallery figure.figureSub{
margin: 1% 0% 1% 2%;
width: 23%;
height: 100px;
}
a.general, a.general:link, a.general:visited, a.general:active{padding: 10px 20px;}
a.general:hover{padding: 10px 20px;}
input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:0;}
input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin-left:20px;}
.section_slide_text {
margin-right: 60px;
margin-top: 60px;
}
.list_features_hp li {
margin-left: 2.5%;
margin-right: 0;
margin-top: 8%;
width: 30%;
}
.sub_banner_text h1 {
font-size: 25px;
margin: 40px 50px 0;
}
.sub_banner_text span{
font-size: 19px;
line-height: 25px;
margin: 0 60px 0 0;}
.footer_nav {
width:22%;
}
.contactus {
margin-right: 10%;
}
/* END OF MEDIA QUERIES */