/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

/*
@font-face {
	font-family: 'Tahoma';
	src: url('fonts/Tahoma.eot'); /* IE9 Compat Modes */
	src: url('fonts/Tahoma.eot#iefix') format('embedded-opentype'),
	     url('fonts/Tahoma.woff') format('woff'),
	     url('fonts/Tahoma.ttf')  format('truetype'),
	     url('fonts/Tahoma.svg#svgFontName') format('svg');
font-weight: normal;
    font-style: normal;
	}
*/


@font-face {
	font-family: 'Helvetica';
	src: url('fonts/Helvetica.eot'); ,
	     url('fonts/Helvetica.woff') format('woff'),
	     url('fonts/Helvetica.woff2') format('woff2'),
	     url('fonts/Helvetica.ttf')  format('truetype');
font-weight: normal;
    font-style: normal;
	}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body, html {
overflow-x: hidden;
}

body {
    line-height:1;
	background: #ffffff;
	width: 100%;
	    height: 100%;
	    margin: 0px;
	    padding: 0px;
	overflow-x: hidden;
}
h4
{
	font-weight:bold;
	font-size:9pt;
	margin-bottom:6px;
}
ol,ul
{
	margin-left:18px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/* main css */
header {
	min-height: 134px;
height: auto;
	width: 100%;
overflow: hidden;
	margin: 0;
	clear: both;
	}
header .header-inner {
	max-width: 1006px;
width: 100%;
    height:auto;
	margin: 0 auto;
	padding: 0 0px;
    position:relative;
}
#header-toparea {
    background:#7f7f7f;
    height:16px;
    width:100%;
}
    .memberareastop {
        max-width:1006px;
width: 100%;
        margin: 0 auto;
    }
        .memberareastop a {
            float:right;
            display:block;
            background: url('../images/memberareastop.jpg') no-repeat;
            height: 33px;
            width: 181px;
            text-align:center;
            padding:12px 0 0 0;
            font-size: 12px;
            font-family: 'Helvetica';
            color:#fff;
            text-decoration:none;
        }
.logo {
	display: block;
	height: auto;
	margin: 32px 0 5px 0px;
	float:left;
}

.slideshow 
{ 
    margin:32px 0 0 0;
    float:right;
    padding:0;
    position:absolute; 
    right: 0;
    max-width:425px!important;
width: 100%!important;
    height:57px;
}


@media (max-width: 736px)
{
.logo {
	display: block;
	height: auto;
	margin: 22px auto 14px auto;
	float:none;
width: 92%;
}
.logo a img {
width: 100%;
}
.slideshow 
{
position: relative;
float: none;
margin: 0 auto 30px auto;
clear: both;
zoom: 70%;
}
}

nav#navigation 
{
	max-width: 1006px;
width: 100%;
	z-index: 2000;
    background:#7f7f7f;
	clear: both;
	margin: 0 auto 24px auto;
	height: 38px;
	font-family: 'Helvetica';
}
nav#navigation ul.mainnav 
{
	float: left;
	margin: 0;
	font-size: 14px!important;
	text-align: center;
}
nav#navigation ul.mainnav li 
{
		float: left;
		padding: 0px 0px 0px 0;
		display:block; 
		line-height: 17px;
        border-right:1px solid #7f7f7f;
		position:relative;
}
nav#navigation ul.mainnav li:last-child 
{
    border-right:none;
}
nav#navigation ul.mainnav li a 
{
		display: block;
		color: #fff; text-decoration: none;
		vertical-align: bottom;
		padding: 10px 12px 11px 12px;
}
nav#navigation ul.mainnav li a:hover 
{
			background: #7f7f7f;
            color:#F4D03F;
}
nav#navigation ul.mainnav li.current_page_item a 
{
			background: #7f7f7f;
            color:#fff;
}
nav#navigation ul.mainnav ul
{
	display: none;
	padding: 0;
	margin: 0;
    background: #7f7f7f;
            color:#FBD603;
}
nav#navigation ul.mainnav li:hover > ul 
{
		display: block;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
}
nav#navigation ul.mainnav ul 
{
border-top: 1px solid #fff;
	background: #7f7f7f; padding: 0;
	position: absolute; top: 100%;
	margin: 0;
	padding: 0;
}
nav#navigation ul.mainnav ul li 
{
		float: none; 
		width: 190px;
		border-bottom: 1px solid #fff;
        border-right: none;
		position: relative;
		text-align: left;
		padding: 0;
		margin: 0;
}
nav#navigation ul.mainnav ul li a 
{
			padding: 12px 15px 12px 9px;
			color: #ffffff;
			margin: 0;
}	
nav#navigation ul.mainnav ul li a:hover 
{
				background: #7f7f7f;
                color:#FBD603;
}

@media (max-width: 736px)
{
nav#navigation 
{
	height: auto;
overflow: hidden;
}
nav#navigation ul.mainnav li
{
		width: 100%;
		border-bottom: 1px solid #fff;
        border-right: none;
		position: relative;
		text-align: left;
		padding: 0;
		margin: 0;
text-align: center;
}
nav#navigation ul.mainnav li a 
{
font-size: 12px;
width: 100%;
display: inline-block;
padding: 4px 0;
margin: 0;
}
ul.mainnav
{
padding: 0 0px 0px 0!important;
}

nav#navigation ul.mainnav ul 
{
	position: relative; top:0;
width: 100%;
font-size: 13px;
}
nav#navigation ul.mainnav ul li 
{
	width: 100%;
        border-right: none;
border-bottom: 1px solid #fff;
text-align: center;
font-size: 13px;
}
nav#navigation ul.mainnav ul li a 
{
			padding: 12px 0px 12px 0px;
font-size: 13px;
width: 100%;
display: inline-block;
}	
}



/*************************** inner pages ***************************/
#bottomsection {
    width:100%;
    font-family: 'Helvetica';
}
#bottomsectioninner {
    max-width:1006px;
width: 100%;
    height: auto;
    margin: 0 auto;
}
#bottomsectioninner .left {
    float:left;
    width: 252px;
    margin-bottom: 44px;
display: block;
}
#bottomsectioninner .leftmobile
{
display: none;
}
#bottomsectioninner .right {
    float:right;
    max-width: 724px;
width: 100%;
    padding:0;
    margin: 0 0 44px 0;
}
#bottomsectioninner .full {
    float:none;
    width: 100%;
    padding:0;
    height: auto;
    overflow:hidden;
    margin: 0 0 44px 0;
}
        #bottomsectioninner .right h1, #bottomsectioninner .full h1 {
            color:#5a5a5a;
            font-size: 15px;
            line-height: 20px;
            padding:0 0 14px 0;margin: 0;
            border-bottom: 1px solid #cacaca;
        }
.right h1 span
{
    color:#5b5b5b;
}


@media (max-width: 736px)
{
#bottomsectioninner .right h1, #bottomsectioninner .full h1, #bottomsectioninner .right h1 p, #bottomsectioninner .full h1 p {
            font-size: 13px!important;
            line-height: 15px;
        }
#bottomsectioninner .right h1 span, #bottomsectioninner .full h1 span {
font-size: 13px!important;
            line-height: 15px;
}
}

.rigthcolumn img.alignright
{
    float: right;
    clear: right;
    margin: 0 0 10px 20px;
}
.rigthcolumn img.alignleft
{
    float: left;
    clear: left;
    margin: 0 20px 10px 0;
}
.rigthcolumn 
{
	margin: 23px 0 0 0;
	padding:0;
	font-family: 'Helvetica',sans serif;
text-align: left;
}
.rigthcolumn.home
{
    margin: 0px 0 0 0;
    padding:0;
    font-family: 'Helvetica',sans serif;
text-align: left;
}
.rigthcolumn p 
{
    padding: 0 30px 15px 0;
}
.rigthcolumn p ,ol,ul
{
	color: #5b5b5b;
	font-size: 13px;
	line-height: 16px;
	padding: 0 0px 15px 0;
}
            .rigthcolumn p a, .rigthcolumn ul li a {
                color:#fe8737;
                text-decoration:none;
            }
            .rigthcolumn p a:hover {
                text-decoration:underline;
            }
            .rigthcolumn ul {padding-bottom: 10px;margin-left: 15px;}
            .rigthcolumn ul li, .rigthcolumn ol li {
                color: #5b5b5b;
                font-size: 13px;
                line-height: 16px;
                padding: 0 0 5px 0;
            }
            .rigthcolumn ul.trades
            {
                width: 47%;
                float:left;
                margin: 0 0 10px 0;
                padding-left:16px;
            }
            .rigthcolumn ul.trades li {
                color: #5b5b5b;
                font-size: 13px;
                list-style:disc;
                line-height: 16px;
                padding: 0 0 5px 0;
            }
            .rigthcolumn ul.contact {padding-bottom: 10px;margin-left: 0px;}
            .rigthcolumn ul.contact li {
                color: #5b5b5b;
                font-size: 13px;
                list-style:none;
                line-height: 16px;
                padding: 0 0 5px 0;
            }
            .rigthcolumn ul.contact li a {
                color:#fe8737;
                text-decoration:none;
            }
            .rigthcolumn ul.contact li a:hover {
                text-decoration:underline;
            }
.rigthcolumn h4 {
    color:#5b5b5b;
    font-size: 13px;
    padding-bottom: 10px;
}
.rigthcolumn h3
{
            color:#5a5a5a;
            font-size: 14px;
            padding:0 0 5px 0;margin: 0 0 0px 0;
}


@media (max-width: 736px)
{
.rigthcolumn h3
{
            font-size: 12px;
}
.rigthcolumn p, .rigthcolumn ul li
{
            font-size: 12px;
}
.rigthcolumn ul.contact li {
                font-size: 12px;
            }
#bottomsectioninner .left {
    float: none;
clear: both;
    width: 95%;
    margin: 0 auto 44px auto;
display: none;
}
#bottomsectioninner .leftmobile {
    float: none;
clear: both;
    width: 95%;
display: block;
    margin: 0 auto 44px auto;
}
#bottomsectioninner .right {
    float:none;
    max-width: 724px;
width: 90%;
    padding:0;
    margin: 0 auto 44px auto;
}
#bottomsectioninner .full {
    float:none;
    width: 90%;
    padding:0;
    height: auto;
    overflow:hidden;
    margin: 0 auto 44px auto;
}
.rigthcolumn img.alignright
{
    float: none;
    clear: both;
width: auto;
    margin: 10px auto 25px auto;
}
.rigthcolumn img.alignleft
{
    float: none;
    clear: both;
    margin: 10px 0px 10px 0;
}
}


.short
{
max-width: 300px;
width: 100%!important;
}

@media (max-width: 736px)
{
.short
{
max-width: 300px;
width: 95%!important;
}
form textarea
{
max-width: 300px;
width: 96%!important;
}
}

.diviline
{
    width: 100%;
    background: #cacaca;
    height: 1px;
    margin: 5px 0 18px 0;
}

/*** sidebar ***/
.trustmarksd a {
    display: block;
}
.trustmarksd img {
    float:left;
}
.trustmarksd p {
    float:left;
    color:#5b5b5b;
    font-size: 12px;
    margin-left: 10px;
    width:116px;
    line-height:16px;
    margin-bottom:15px;
}

@media (max-width: 736px)
{
.trustmarksd p {
    font-size: 12px!important;
}
}

#trustmarkapply a, #skipapplication a  
{
	display: block;
	background:#ccc;
	width:252px;
	height:79px;
}
#skipapplication img 
{
	float:left;
	margin: 8px 0 0 8px;
}
#trustmarkapply img {
    float:left;
    margin: 21px 0 0 8px;
}
#trustmarkapply p, #skipapplication p
{
	float:left;
	color:#000;
	font-size: 15px;
	font-weight:bold;
	width:118px;
	padding:30px 0 0 0;
	text-align:center;
}
.proud {
    clear: both;
    margin-bottom:15px;
    background:#ccc;
    font-size:12px;
    color:#484848;
    line-height:16px;
    padding:8px 10px;
}
.down-info a {
    margin-bottom:15px;
    clear:both;
    background: url('../images/down-info.jpg') no-repeat;
    width:253px;
    height:42px;
    display:block;
    text-decoration:none;
}
    .down-info p {
        color: #fff;
        font-size: 14px;
        padding: 14px 0 0 80px;
    }
.protect {
    margin: 0 auto;
    margin-bottom:15px;
    width:133px;
}

@media (max-width: 736px)
{
#trustmarkapply a
{
	display: block;
	height:79px;
margin: 10px auto;
}
#skipapplication 
{
display: block;
	width: 252px;
	height:79px;
margin: 10px auto;
}
.imgsidb
{
max-width: 252px;
width: 100%;
margin: 0 auto;
}
}


/************************ staff area ****************************/
.team {
clear: none!important;
    float: left;
    width: 100%!important;
    max-width: 340px!important;
    margin-bottom: 20px;
    margin-right: 30px;
    border-bottom: 1px solid #ccc;
display: block-inline;
    min-height: 293px;
}
.team:nth-child(2), .team:nth-child(4), .team:nth-child(6), .team:nth-child(8), .team:nth-child(10), .team:nth-child(12), .team:nth-child(14), .team:nth-child(16), .team:nth-child(18), .team:nth-child(20) {
margin-right: 0px!important;
}
.team:nth-child(3) {
clear: none!important;
}
    .team img {
        float:right;
        margin-left:10px;
       margin-bottom: 10px;
       width: 150px;
    }
    .team ul {
        float:left;
        margin:0 15px 0 0;
	max-width: 150px;
width: 100%;
    }
        .team ul li {
            list-style:none;
        }
        .team ul li a {
            color:#fe8737;
            text-decoration:none;
        }
    .team p {
       clear:left;
    }


@media (max-width: 568px)
{
.team {
    float: none;
    width: 100%!important;
}
.team img {
        float:right;
        margin: 0 0 10px 0;
       max-width: 100px;
width: 100%;
}
}

/****************** Trustmark page *********************/
.tmblock 
{
	clear:both;
	display:none;
}
.tmblockinfo 
{
}
.tmblockinfo h2:first-child {
    color:#f6be30;
    font-size: 14px;
    padding-bottom:15px;
    padding-top: 0;
}
.tmblockinfo h2 {
    color:#f6be30;
    font-size: 14px;
    padding-bottom:15px;
    padding-top: 15px;
}
.tmblockinfo img
{
	float:right;
	margin-left: 20px;
}
.panel 
{
	padding: 8px 10px;
	width: 96%;
	text-align:center;
	border: 2px solid #fe8737;
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
    margin-bottom: 10px;
    height: auto;
    clear:both;
    font-size: 13px;
}
.panel p 
{
    padding-bottom: 10px;
    padding-top: 10px;
    text-align:center;
    font-size: 13px;
}
.panel p span, .panel span
{
    color: rgb(254, 135, 55);
    text-align:center;
}
.panel ul li
{
    list-style:none;
}
h3.faqq
{
	cursor:pointer;
    background:#fff;
    font-size:14px;
    padding: 6px 7px 0px 7px;
    margin-bottom: 4px;
height:auto;
overflow: hidden!important;
}
h3.faqq p, h3.faqq span
{float: left;}
h3.faqq p
{
padding-right: 5px;
}
h3.faqq span
{
position: relative;
top: 2px;
}
.faqa
{
	display:none;
    height:auto;
    overflow:hidden;
    padding: 4px 7px 6px 7px;
}


.sidermenu
{

background:#392BC8;
	 color:#fff;
}




@media (max-width: 736px)
{
h3.faqq, h3.faqq p
{
    font-size:11px!important;
}
h3.faqq span
{
top: -8px;
}
.faqa p 
{
font-size: 11px!important;
}
}

/****** nav ******/
.trustnav 
{
	clear:both;
	font-size:13px;
	float:left;
	padding: 30px 0 0 0;
}
.trustnav span
{
	float:left;
	margin-right: 8px;
	padding:6px 10px;
	display:inline-block;
	cursor:pointer;
	color:#000;
}
.trustnav span.prv 
{
	display:none;
	background:#cccccc;
}
.trustnav span.nxt 
{
	background:#fe8737;
}
.trustnavright 
{
	float:right;
	font-size:13px;
	color:#5b5b5b;
	padding: 30px 0 0 0;
}
.trustnavright p a 
{
	color:#fe8737;
	text-decoration:none;
}

@media (max-width: 736px)
{
.tmblockinfo h2:first-child {
    font-size: 12px;
}
.tmblockinfo h2 {
    font-size: 12px;
}
}

/************************  footer area ****************************/
#footertop {
    background:#7f7f7f;
    clear:both;
    height:3px;
    width:100%;
}
#footer {
	margin: 0px auto 0 auto;
	clear: both;
	width: 100%;
    min-height:76px;
height: auto;
overflow: hidden;
    background:#7f7f7f;
	font-family: 'Helvetica';
	border-top:  1px solid #fff;
	}
#footer2 {
    min-height: 50px;
height: auto;
overflow: hidden;
}
.footerinner 
{
	max-width: 1012px;
width: 100%;
	margin: 0 auto;
    font-family: 'Helvetica';
font-size: 12px;
}
    .footerinner .left {
        color:#fff;
        float:left;
        font-size:14px;
    }
           .footerinner .left ul {
                float:left;
                margin-top: 19px;
                margin-left:0;
                padding-left:0;
                padding-right:8px;
            }
            .footerinner .left ul li {
               list-style: none;
                padding-bottom: 2px;
            }
            .footerinner .left ul li a {
                color:#fff;
                text-decoration:none;
            }
    .footerinner .right {
        color:#fff;
        float:right;
        font-size:13px;
        max-width: 560px;
        width: 100%;

        text-align: right;
    }
            .footerinner .right ul:first-child {
                margin-top: 19px;
            }
            .footerinner .right ul {
                float:right;
                clear:both;
                padding-bottom:5px;
            }
            .footerinner .right ul li {
               list-style: none;
                padding: 0 9px 2px 4px;
                line-height: 19px;
                border-right: 1px solid #fff;
                display:inline;
            }
                .footerinner .right ul li:last-child {border-right: none;padding: 0 0px 2px 4px;}
            .footerinner .right ul li a {
                color:#fff;
                text-decoration:none;
            }
    .footerinner p {
        float:left;
        color:#666;
        padding:18px 0 30px 0;
        font-size:12px!important;
    }
.footerinner p a 
{
	text-decoration:none;
	color:#666;
}
.footerinner p.second 
{
	float:right;
	font-size:11px;
	text-align:right;
	line-height:15px;
	padding:16px 0 30px 0;
}
.footerinner p.second a 
{
	text-decoration:none;
	color:#666;
}


@media (max-width: 736px)
{
.footerinner .left {
        color:#fff;
        float:none;
width: 90%;
margin: 0 auto;
    }
    .footerinner .right {
        color:#fff;
        float:left;
        font-size:13px;
        max-width: 760px;
        width: 95%;
margin: 0 auto;
        text-align: left;
    }
.footerinner .right ul {
float: left;
clear:both;
padding-bottom:25px;
}
.footerinner .right ul li, .footerinner .right ul li:last-child
{
list-style: none;
padding: 0 0px 2px 0px;
line-height: 19px;
border-right: none;
float: left;
clear: both;
width: 100%;
 display: inline-block;
}
.footerinner p {
        float:left;
        color:#666;
        padding:18px 0 30px 0;
        font-size:9px!important;
    }
#footer2 
{
width: 90%;
margin: 0 auto;
}
}



#jumpstep
{
	cursor:pointer;
	color:#fe8737;
}
.form 
{
height: auto;
}
.form div
{
	color:#5b5b5b;
	font-size:10pt;
    
}
.form div label
{
	display:inline-block;
	height:35px;
	line-height:18px;
	margin:3px;
	padding-left:0px;
	width:226px;
	font-size:10pt;
}
.form div label.blanklabel
{
	background:none;
}
.form div input,.form div textarea
{
	border:1px solid #9a9a9a;
	height:26px;
	padding-left:5px;
}
.form div input.short
{
	width:226px;
	margin-right:10px;
}
.form div input.short.last
{
	margin-right:0px;
}
.form div input.long
{
	max-width:475px;
width: 100%;
}
.form div textarea
{
	height:80px;
	max-width:356px;
width: 100%;
	margin-left:100px;
}
.form div form
{
	display:inline-block;
	height:30px;
	width:434px;
}
.permitfm 
{
	float:left;margin-left: 5px;
	position:relative;top: -2px;
}
.info img 
{
	width:21px;
	cursor:pointer;
	height:21px;
	margin-top: 4px;
}
.infobox
{
	position:absolute;
	left:0;
	font-size:13px;
	line-height:19px;
	top:0;
	display:none;
	width:200px;
	border:1px solid #fe9737;
	border-radius:7px;
	background:#fff;
	padding:9px 9px 9px 9px;
	font-family: 'Helvetica';
	color:#5b5b5b;
}
.infobox img
{
	float:right;
	margin-right:0px;
	cursor:pointer;
}
.styled-select
{
	max-width: 361px;
width: 100%;
	height: 28px;
	overflow: hidden;
	background: url(../images/arrow.jpg) no-repeat right #fff;
	margin:7px 85px 10px 5px;
	float:right;
/*        border: 1px solid #ccc;*/
}
.styled-select select
{
	background: transparent;
	max-width: 385px;
width: 100%;
	padding: 5px;
	font-size: 13px;
	border: 1px solid #9a9a9a;
	color:#5b5b5b;
	height: 28px;
}
::selection
{
	background: #ffb7b7; /* Safari */
}
::-moz-selection
{
	background: #ffb7b7; /* Firefox */
}
.infoscroll
{
	height:250px;
	border: 1px solid #ccc;
	overflow:auto;
	padding: 10px;
}
.upbut, .upbut2, .upbut3
{
	float:right;
	display:inline-block;
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	margin-right:30px;
	background:#fe8737;
	position:relative;
	top:-30px;
}
.upbut:hover,.upbut2:hover,.upbut3:hover
{
	color:black;
}
.poundm 
{ 
	margin-left: -4px;
	margin-right: 2px;
}
#stepcounter
{
	float:right;
	width:200px;
	text-align:right;
	position:relative;
	font-size:10pt;
	top:-32px;
	margin-right:3px;
}
#formerrors
{
	border:1px solid #900;
	padding:6px;
	color:#900;
	margin:6px;
	font-family: 'Helvetica';
	font-size:11pt;
	display:none;
}
#payform
{
	float:left;
	max-width:410px;
width: 100%;
	color:#5a5a5a;
}
#chequeinfo
{
	float:left;
	max-width:300px;
width: 100%;
	color:#5a5a5a;
	border-left:1px solid #cacaca;
	padding-left:8px;
	font-size:13px;
}
#filesarea
{
	float:left;
	margin:20px 0;
	width:100%;
}
#filesarea table th
{
	text-align:left;
}
#filesarea table td
{
	padding:5px 0;
}
.filetitle
{
	float:left;
	width:200px;
}
.filedesc
{
	float:left;
	width:200px;
}
.filedownload
{
	float:left;
	width:200px;
}
/***** December 2013 changes ****/
#appinfo 
{
	font-size: 14px;
	text-align:center;
	color:#666;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom:20px;
}
#troth1 
{
	margin: 0px 0 20px 0;
	padding:0;
	position:relative;
	top: 10px;
}
#troth2
{
	margin: -35px 0 20px 0;
	padding:0;
}
#troth3
{
	margin: 0px 0 20px 0;
	padding:0;
}
#troth4 
{
	margin: -15px 0 20px 0;
	padding:0;
}



html, body {height:100%; overflow:hidden; margin: 0; padding: 0;}
body {overflow:auto; -webkit-overflow-scrolling:touch}


.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 20px;
    height: 0;
 
}
.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


/* iframe code */
.sidebarind
{
font-family: "Helvetica Neue", Helvetica, sans-serif;
border: 2px solid #ccc;
max-width: 100%;
width: 98%;
min-height: 306px;
height: auto;
overflow: hidden;
padding: 0px 0 11px 0;
background: #f2f2f2 !important;
z-index: 999;
margin-bottom: 10px;
border-radius: 6px;
}
.sidebarind .borderto
{
height: 0px;
padding: 0px;
background-color: red;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 4px solid #ff0000;
}
.sidebarind h2.srg
{
color: #ff0000;
font-size: 16px!important;
padding: 0px 10px 0px 10px!important;
}
.sidebarind p.srg
{
font-size: 15px !important;
padding: 0px 10px;
line-height: normal;
margin: 0;
font-weight: lighter;
text-align: center;
}

.searchnow
{
display: inline-block;
background-color: #000;


text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

border: 1px solid transparent;
border-radius: 4px;
color: #fff;
text-transform: uppercase;
text-decoration: none;

}
.searchnow:hover
{
background-color: #ff0000;
border-color: #ff0000;
color:#fff;
}.jumbotron{
border: 2px solid #ccc;F
min-height:256px;
height: auto;
padding: 0px;
    background: #f2f2f2!important;
z-index:999;margin-bottom: 10px;
}


.homecontent
{
margin: 20px 0px 0px 0px;
}

input.wpcf7-form-control.wpcf7-text{
    width: 300px;
    height: 26px;
    padding-left: 5px;
    margin-bottom: 10px;
    border: 1px solid #b8b8b8;
}
textarea.wpcf7-form-control.wpcf7-textarea{
    border: 1px solid #b8b8b8;
    font: 400 13.3333px Arial;
    padding-left: 5px;
}
select.wpcf7-form-control.wpcf7-select{
    width: 306px;
    height: 26px;
    padding-left: 5px;
    margin-bottom: 10px;
    border: 1px solid #b8b8b8;
    color: grey;
}
select.wpcf7-form-control.wpcf7-select option:not(:first-of-type) {
    color: black;
}

input.wpcf7-form-control.wpcf7-submit{
    border: none;
    color: #fff;
    background: #F6BE30;
    display: block;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 10px;
    font-weight: bold;
    width: 306px;
}







a.joinarmi {
    background: #F6BE30;
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 30px;
    color: black !important;
}
a{
    color: #fe8737;
}
a.viewdoc {
    display: inline-block;
    float: right;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: royalblue;
    color: aliceblue !important;
}