/* Filename: main.css
 * Website: HT Vakta
 * Author: Nishanka Rupasinghe
 * Date Created: 11/04/2013
 * Media: Screen
 *
 * Description
 * -----------
 * Colours:
 * Background       - #e2e4e3
 * Link             - #f99d1c  
 * Link Hover       - #323433 
 * Link Active      - #323433 
 *
 *=====================================================================*/

/* Layout styles    
    index ->    
                CSS reset
				default
				navigation
				header
				content
				sidebar
*/

/* = css reset     
--------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline; list-style-type:none; text-decoration: none; }
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}

/* = default     
--------------------- */
html { font: 12px/16px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h1 { font: 34px/38px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h2 { font: 30px/34px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h3 { font: 25px/30px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h4 { font: 20px/24px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h5 { font: 18px/22px 'Verdana', 'Helvetica', sans-serif; color: #323433; }
h6 { font: 16px/20px 'Verdana', 'Helvetica', sans-serif; color: #323433; margin-bottom: 5px; }
ul, ol { list-style-type: none; }
ul li, ol li { list-style-type: none; }
strong, b { font-weight: bold; }
i,em { font-style: italic; }
u { text-decoration: underline; }
p, span { font-size: 16px; line-height: 21px; }
p { margin-bottom: 17px; }
a { color: #f99d1c; }
a:hover { color: #323433; }
a { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.smallerText { font-size: 8px; }
.mobileTitle { display: none; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; width: 100%; }

/* = HomePageStyles   
--------------------- */
body { background: #e2e4e3; }
.holder { margin-bottom: 50px; }
header { width: 930px; margin: 0 auto; }
header .socialMedia { text-align: right; height: 37px; padding-top: 8px; }
header .socialMedia a { display: inline-block; width: 27px; height: 27px; margin-left: 4px; }
header .socialMedia a:hover { opacity: 0.7; }

header .headerMiddle { overflow: hidden; }
header .headerMiddle .phoneNumber { font-size: 18px; line-height: 22px; font-style: italic; float: left; letter-spacing: normal; display: inline-block; width: 306px; margin-top: 1px; }
header .headerMiddle .phoneNumber .phoneNum { font-size: 28px; line-height: 30px; font-style: italic; display: block; color: #f99d1c; letter-spacing: normal; }
header .headerMiddle h1 { background: url('../images/VBH_blue_logo.png') no-repeat 0 0; float: left; }
header .headerMiddle h1 a { width: 319px; height: 61px; display: inline-block; text-indent: -9999px; color: transparent; }
header .headerMiddle .topLinks { width: 305px; float: left; text-align: right; margin-top: 25px; display: none; }
header .headerMiddle .topLinks a { font-size: 17px; line-height: 21px; letter-spacing: normal; color: #323433; }
header .headerMiddle .topLinks a.last { margin-left: 21px; }
header .headerMiddle .topLinks a:hover, header .headerMiddle .topLinks a.active { color: #f99d1c; }

#NavMenu { display: none; }
#NavMenu span { font-size: 26px; line-height: 1; cursor: pointer; width: 30px; height: 27px; padding: 3px 1px 4px; display: block; text-align: center; }
.androidDevice #NavMenu span { text-indent: -9999px; overflow: hidden; background: url('../images/hamburger.png') no-repeat center 3px; }
header .mainNav { height: 30px; padding: 10px 0 0 13px; margin-top: 30px; background: #191919; }
header .mainNav select { display: none; }
header .mainNav ul li { display: inline; }
header .mainNav ul li.hasSubMenu { position: relative; }
header .mainNav ul li a { letter-spacing: normal; font-size: 15px; line-height: 20px; color: #ffffff; padding: 18px 13px 16px 9px; }
header .mainNav ul li a:hover, header .mainNav ul li.active a { background: #f99d1c; }
header .mainNav ul li.active a , header .mainNav ul li.hasSubMenu a { position: relative; z-index: 21; }
header .mainNav ul li.hasSubMenu ul.subLinks { display: none; position: absolute; left: 10px; top: 26px; background: #000000; width: 261px; padding: 4px 23px 8px 1px; z-index: 20; }
header .mainNav ul li.hasSubMenu:hover ul.subLinks { display: block; }
header .mainNav ul li.hasSubMenu.active ul li a { background: none; }
.mainNav ul li.hasSubMenu ul li a:hover { background: none; color: #f99d1c; }
header .mainNav ul li.hasSubMenu.active ul li a:hover { color: #f99d1c; }
header .mainNav ul li.hasSubMenu ul li { padding: 4px 0 3px 12px; display: block; border-bottom: 2px solid #777979; }
header .mainNav ul li.hasSubMenu ul li.last { border: none; }
header .mainNav ul li.hasSubMenu ul li a { padding: 0; font-size: 14px; }

section.mainSlider { width: 100%; background: #f99d1c; margin: 23px 0 35px 0; height: 408px; }
section.mainSlider .flexslider { width: 930px; margin: 0 auto; height: 443px; border: none; background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }
section.mainSlider ul.slides { width: 930px; height: 408px; overflow: hidden; }
section.mainSlider .flex-control-nav { text-align: left; bottom: 10px; left: 0px!important; }
.flex-control-nav li { margin: 0 10px 0 0!important; }
.flex-control-paging li a, .flex-control-paging li a.flex-active { box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; -ms-box-shadow: none!important; border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; }
.flex-control-paging li a { background: #9d9f9f!important; }
.flex-control-paging li a.flex-active { background: #f99d1c!important; }
section.mainSlider ul li { position: relative; }
section.mainSlider ul li .slideContent { width: 229px; height: 389px; padding: 19px 35px 0 25px; background: url('../images/opaque.png'); position: absolute; left: 0; top: 0; }
section.mainSlider ul li .slideContent .topText { font-size: 23px; line-height: 23px; color: #ffffff; font-weight: bold; letter-spacing: normal; }
section.mainSlider ul li .slideContent h2 { font-size:  30px; line-height: 30px; font-weight: bold; letter-spacing: normal; color: #f99d1c; }
section.mainSlider ul li .slideContent a h2:hover { color: #ffffff; }
section.mainSlider ul li .slideContent p, section.mainSlider ul li .slideContent ul li { font-size: 17px; line-height: 20px; color: #ffffff; }
section.mainSlider ul li .slideContent p { margin-top: 16px; }
section.mainSlider ul li .slideContent p.smallerText { font-size: 8px; }
section.mainSlider ul li .slideContent ul { margin: 19px 0; }
section.mainSlider ul li .slideContent ul li { background: url('../images/tick.png') no-repeat left 4px; padding-left: 18px; }
section.mainSlider ul li .slideContent a { color: #ffffff; font-size: 17px; line-height: 20px; }
section.mainSlider ul li .slideContent a.sliderLink { display: block; margin-top: 20px; }
section.mainSlider ul li .slideContent a.sliderLink:hover { color: #f99d1c; }
section.mainSlider ul li a.sliderLogo { position: absolute; right: 38px; bottom: 28px; display: block; }

section.mainContent { width: 930px; margin: 0 auto; /*overflow: hidden;*/ padding-bottom: 16px; }
section.mainContent ul { /*overflow: hidden;*/ margin-bottom: 10px; }
section.mainContent ul li.item { width: 232px; padding: 15px 27px 45px 28px; margin: 0 34px 45px 0; background: #ffffff; float: left; position:relative; }
section.mainContent ul li.item.hasLink { width: 287px; /*height: 272px;*/ padding: 0; }
section.mainContent ul li.item a.topLink { display: block; width: 232px; /*height: 217px;*/ padding: 15px 27px 45px 28px; }

section.mainContent ul li.rowLast { margin-right: 0; }
section.mainContent ul li .itemContent { height: 250px; }
section ul li .itemContent p, section ul li a .itemContent span, section ul li a .itemContent ul li { color: #000000; }
section ul li .itemContent p { margin-bottom: 8px; }
section.mainContent ul li h2 { margin-bottom: 16px; font-size: 29px; line-height: 28px; font-weight: bold; letter-spacing: normal; color: #f99d1c; }
section.mainContent ul li p, section.mainContent ul li { font-size: 17px; line-height: 19px; }
section.mainContent .textContent ul { margin-left: 0; padding: 5px 0px; }
section.mainContent ul .section ul li { background: url('../images/tickContentLi.jpg') no-repeat left 5px; padding-left: 16px; }
section.mainContent ul li.item ul li { background: url('../images/tickWhite.png') no-repeat left 4px; padding-left: 18px; word-break: break-all; }
section.mainContent ul li.item a.readMore { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px; height: 22px; padding: 18px 25px 0 10px; background: url('../images/bg-readmore.png') no-repeat right 0; display: block; position: absolute; bottom: -41px; left: 0; color: #ffffff; font-size: 9px; line-height: 16px; overflow: hidden; }

section.mainContent ul li.item a.readMore:hover { color: #f99d1c; }
section.mainContent ul li.item span.subLink, section.mainContent ul li.item span.noLinkTxt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; z-index: 10; left: 27px; bottom: -15px; width: 205px; padding: 13px 10px 13px 10px; background: #f99d1c; /*color: #ffffff; READ MORE COLOR*/ color: #000; text-transform: uppercase; text-align: center; font-size: 16px; letter-spacing: normal; -ms-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); }

section.mainContent ul li.item .topLink:hover { background: #717173; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
section.mainContent ul li.item .topLink:hover p, section.mainContent ul li.item .topLink:hover span, section.mainContent ul li.item .topLink:hover ul li { color: #ffffff; }
section.mainContent ul li.item .topLink:hover ul li { background: url('../images/whiteTickMark.png') no-repeat left 5px; }
section.mainContent ul li.item .topLink:hover span.noLinkTxt { color: #000000; }
section.mainContent ul li.item .topLink:hover .subLink { color: #323433; }
section.mainContent ul li.item .topLink:hover .subLink { background: #000000; color: #F99D1C; }


section.mainContent .textContent .leftAlone { float: left; margin: 0 10px 10px 0; }

section.bottomContent { width: 930px; margin: 0 auto; }
section.bottomContent ul { overflow: hidden; }
section.bottomContent ul li.item { width: 176px; height: 205px; padding: 11px 14px 40px 21px; margin: 0 28px 40px 0; background: #ffffff; float: left; position:relative; }
section.bottomContent ul li.item .topLink:hover { background: #717173; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
section.bottomContent ul li.rowLast { margin-right: 0; }
section.bottomContent ul li.item:nth-child(4n) { margin-right: 0; }
section.bottomContent ul li .itemContent { height: 219px; overflow: hidden; }
section.bottomContent ul li h2 { margin-bottom: 15px; font-size: 21px; line-height: 21px; font-weight: bold; letter-spacing: normal; color: #f99d1c; }
section.bottomContent ul li p, section.bottomContent ul li, section.bottomContent ul li span { font-size: 12px; line-height: 14px; }
section.bottomContent ul li span { display: block; margin-bottom: 1px; }
section.bottomContent ul li.item ul { margin-bottom: 15px; }
section.bottomContent ul li.item ul li { background: url('../images/tickWhiteSmall.png') no-repeat left 2px; padding-left: 13px; }
section.bottomContent ul li.item a.readMore { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; height: 20px; padding: 10px 18px 0 11px; background: url('../images/bg-readmore-small.png') no-repeat right 0; display: block; position: relative; left: -21px; top: 26px; color: #ffffff; font-size: 9px; line-height: 16px; overflow: hidden; }
section.bottomContent ul li.item.hasLink a.readMore { left: 0; top: 0; }
section.bottomContent ul li.item a.readMore:hover { color: #f99d1c; }
section.bottomContent ul li.item span.subLink, section.bottomContent ul li.item span.noLinkTxt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 17px; bottom: -8px; width: 145px; padding: 10px 10px 9px 10px; background: #f99d1c; z-index: 10; /*color: #ffffff; READ MORE COLOR*/ color: #000; text-transform: uppercase; text-align: center; font-size: 12px; letter-spacing: normal; -ms-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); }

section.bottomContent ul li.item .topLink:hover a.subLink { color: #323433; }
section.bottomContent ul li.item .topLink:hover a.subLink { background: #000000; color: #F99D1C; }
section.bottomContent ul li.item .topLink:hover p,
section.bottomContent ul li.item .topLink:hover span,
section.bottomContent ul li.item .topLink:hover ul li { color: #ffffff; }
section.bottomContent ul li.item .topLink:hover ul li { background: url('../images/whiteTickMarkSmall.png') no-repeat left 2px; }
section.bottomContent ul li.item .topLink:hover span.noLinkTxt { color: #000000; }
section.bottomContent ul li.item .topLink:hover span.noLinkTxt,
section.bottomContent ul li.item .topLink:hover .subLink,
section.mainContent ul li.item .topLink:hover span.noLinkTxt,
section.mainContent ul li.item .topLink:hover a.subLink { background: #000000; color: #F99D1C; }


section.bottomContent ul li.item.hasLink { width: 211px; height: 256px; padding: 0; }
section.bottomContent ul li.item a.topLink { display: block; width: 176px; height: 205px; padding: 11px 14px 40px 21px;  }

section.bottomContent .bottomLogo { margin: 12px 0 8px; background: url('../images/logobgLine.png') no-repeat center 10px; display: block; text-align: center; }
/*
section.bottomContent .bottomLogo a img { -ms-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); }
*/
section.bottomContent .footerTop .addName { font-size: 13px; line-height: 15px; font-weight: bold; letter-spacing: normal; }
section.bottomContent .footerTop p, section.bottomContent .footerTop span { font-size: 13px; line-height: 15px; }
section.bottomContent .footerTop p { margin-bottom: 16px; letter-spacing: normal; }
section.bottomContent .footerTop span { font-weight: bold; }
section.bottomContent .footerTop address { width: 185px; margin-right: 20px; float: left; }
section.bottomContent .footerTop nav { float: left; padding-top: 2px; padding-bottom: 30px; }
section.bottomContent .footerTop nav ul { overflow: hidden; }
section.bottomContent .footerTop nav ul li { float: left; margin-right: 10px; width: 225px; }
section.bottomContent .footerTop nav ul li.last { margin-right: 0; }
section.bottomContent .footerTop nav ul li ul li { float: none; }
section.bottomContent .footerTop nav ul li ul li a { color: #323433; font-size: 12px; line-height: 15px; letter-spacing: normal; }
section.bottomContent .footerTop nav ul li ul li a:hover, section.bottomContent .footerTop nav ul li ul li a.active { color: #f99d1c; }
section.bottomContent .footerTop .tellFriend { padding-bottom: 10px; }
section.bottomContent .footerTop .tellFriend a { font-size: 17px; line-height: 21px; letter-spacing: normal; }
section.bottomContent .smallIcons { margin: 0 0 12px; background: url('../images/smallIcons-bg.png') no-repeat center 9px; display: block; text-align: center; clear: both; }
section.bottomContent .smallIcons img { margin-top: -12px; }

footer { width: 930px; margin: 23px auto; }
footer a, footer p { font-size: 12px; line-height: 15px; color: #767777; letter-spacing: normal; }
footer a:hover { color: #f99d1c; }

/* = SecondPage and ThirdPage Common Styles   
--------------------- */
section.mainContent.subPage { padding-top: 20px; margin: 0 auto; }
section.mainContent .sideBar { width: 212px; margin-right: 77px; float: left; min-height: 30px; }
section.mainContent .sideBar nav a { display: block; color: #323433; font-size: 17px; line-height: 29px; letter-spacing: normal; }
section.mainContent .sideBar nav a:hover, section.mainContent .sideBar nav a.active { color: #f99d1c; }
section.mainContent .sideBar .sideIntro { margin-top: 52px; }
section.mainContent .sideBar .sideIntro .sidebarImage { margin-bottom: 25px; }
section.mainContent .sideBar .sideIntro p { padding-right: 12px; letter-spacing: normal; }
section.mainContent .sideBar .sideIntro a { font-size: 16px; width: 85px; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
section.mainContent .sideBar h3.itemTitle { padding: 0 10px 0 7px; width: 117px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url('../images/sidebarTitlebg.png') no-repeat -1px 0; font-size: 16px;  color: #ffffff; }
section.mainContent .sideBar h3.sideContentTitle { margin-top: 15px; font-size: 17px; line-height: 18px; letter-spacing: normal; font-weight: bold; }
section.mainContent .subContent { float: left; /*overflow: hidden;*/ width: 641px; }
section.mainContent .subContent h2 { font-size: 22px; line-height: 25px; margin-bottom: 9px; font-weight: bold; letter-spacing: normal; }
section.mainContent .subContent p { margin-bottom: 8px; }

.textContent u { text-decoration: underline; }
.textContent strong,
.textContent b{ font-weight: bold; }
.textContent em,
.textContent i { font-style: italic; }
.textContent ul,
.textContent ol { overflow: visible !important; }
.textContent ul,
.textContent ul li { list-style: none; list-style-type: none; }
.textContent ul li { background: url('../images/tickContentLi.jpg') no-repeat left 3px; padding-left: 16px; }
.textContent ol,
.textContent ol li { list-style: decimal; list-style-type: decimal;  margin-left: 16px; font-size: 16px; }
.textContent li { margin-bottom: 10px; }

/* = SecondPageStyles
--------------------- */
section.mainContent .subContent .leftContent { width: 371px; margin: 2px 58px 0 0; float: left; }
section.mainContent .subContent .leftContent ul { margin-bottom: 19px; }
section.mainContent .subContent .leftContent ul li.section { background: url('../images/tickContentLi.jpg') no-repeat left 3px; padding-left: 16px; line-height: 20px; }

section.mainContent .subContent .leftContentFullWidth { width: 100%;}

section.mainContent .subContent .rightContent { width: 212px; float: left; margin-top: 7px; }
section.mainContent .subContent .rightContent li { margin-bottom: 27px; position: relative; }
section.mainContent .subContent .rightContent li span { font-size: 11px; line-height: 16px; font-style: italic; letter-spacing: normal; display: block; }
section.mainContent .subContent .rightContent .showLargeImg {
    position: absolute;
    right: 0;
    bottom: -21px;
    width: 17px;
    height: 17px;
    display: block;
    background: url('../images/plusmark.jpg') no-repeat 0 0;
    cursor: pointer;
    z-index: 1;
}

/* = ThirdPageStyles
--------------------- */
section.mainContent.thirdPage .subContent h2 { margin: 6px 0 9px 0; }
section.mainContent.thirdPage .subContent p { font-size: 16px; letter-spacing: normal; }
section.mainContent .subContent .contentItems { border-top: 2px solid #9EA0A0; margin-top: 35px; }
section.mainContent .subContent ul li h2 { color: #323433; }

section.mainContent .subContent .contentItems ul li.section { /*overflow: hidden;*/ border-bottom: 2px solid #9EA0A0; }
section.mainContent .subContent .contentItems ul li.section.last { border-bottom: none; }
section.mainContent .subContent .contentItems .leftCol { width: 400px; margin-right: 30px; float: left; }
section.mainContent .subContent .contentItems .leftCol.fullWidth { width: 100%; margin-right: 0; float: none; }
section.mainContent .subContent .contentItems .leftCol h2 { margin: 11px 0 0 0; line-height: 23px; }
section.mainContent .subContent .contentItems .leftCol p { line-height: 20px; }
section.mainContent .subContent .contentItems .showHideContent { display: none; }
section.mainContent .subContent .contentItems .showHide { background: url('../images/readmore-bg.png') no-repeat left 1px; width: 85px; padding-left: 33px; margin: 20px 0 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; /*color: #f99d1c; READ MORE COLOR*/ color: #000; cursor:pointer; }
section.mainContent .subContent .contentItems .showHide.expandedContent { width: 108px; background: url('../images/readless-bg.png') no-repeat left 1px; }

section.mainContent .subContent .contentItems .rightCol { width: 211px; float: left; margin-top: 18px; }
section.mainContent .subContent .contentItems .rightCol.flexslider { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }
section.mainContent .subContent .contentItems .rightCol.flexslider ul { overflow: visible; }
section.mainContent .subContent .contentItems .rightCol.flexslider li { border: none; overflow: visible; background: transparent; padding-left: 0; }
section.mainContent .subContent .contentItems .rightCol.flexslider .flex-control-nav { bottom: -16px; text-align: left; }
section.mainContent .subContent .contentItems .rightCol .flex-control-paging li { border-left: 1px solid #323433; margin: 0!important; height: 11px; }
section.mainContent .subContent .contentItems .rightCol .flex-control-paging li a { padding: 0; margin: 0 5px; text-indent: 0px; background: none!important; height: 15px; color: #323433; font-style: italic; font-size: 12px; line-height: 12px; }
section.mainContent .subContent .contentItems .rightCol .flex-control-paging li a.flex-active, section.mainContent .subContent .contentItems .rightCol .flex-control-paging li a:hover { color: #f99d1c; }

section.mainContent .subContent .contentItems .rightCol .showLargeImg { position: absolute; right: 0; bottom: -21px; width: 17px; height: 17px; display: block; background: url('../images/plusmark.jpg') no-repeat 0 0; cursor: pointer; z-index: 1; }

/* =forms
--------- */
form div.field, p.field { display: block; padding-bottom: 20px; }
div.field { overflow: hidden; }
div.field label { float: left; width: 150px; margin-right: 20px; }
div.field .middleColumn { float: left; width: 300px; }
div.field input, div.field textarea { width: 300px; border: 1px solid #ccc; }
div.field input { height: 25px; }
div.field select { border: 1px solid #ccc; width: 305px; }
div.field .optionset { list-style: none; list-style-type: none; }
div.field .optionset li { overflow: hidden; list-style: none; list-style-type: none; }
div.field .optionset li input { float: left; width: 15px; height: 15px; border: 0px; }
div.field .optionset li label { font-size: 12px; line-height: 1.6; margin-right: 0px; width: 255px; margin-top: 2px; }
div.Actions { margin-bottom: 25px; }

/* =Contact Form
--------- */
.leftContent form label { width: 100%; margin-right: 0; }
.leftContent form div.field .middleColumn { width: 100%; }
.leftContent form div.field input { width: 367px; }
.leftContent form div.field.optionset input { width: 15px; }
.leftContent form div.field textarea { width: 365px; }

/* = News Holder 
---------------- */

section.mainContent .subContent .contentItems .leftCol .showMoreLink { width: 85px; margin: 20px 0 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #f99d1c; cursor:pointer; }


/* = MOBILE CSS 
--------------- */
@media screen and (max-width:740px) {/*\/\/\/\/\/\IPHONE PORTRAIT\/\/\/\/\/\*/
    body {
        padding: 0px 20px;
    }
    header {
        width: 100%;
    }
    #NavMenu {
        display: block;
        position:absolute;
        left: 0;
        top: 0;
        background: #F99D1C;
        padding: 0;
    }
    header .mainNav {
        padding: 0;
        position: relative;
        width: 32px;
        height: 34px;
        margin-top: 20px;
    }
    header .mainNav.expanded {
        width: auto;
        height: auto;
    }
    header .mainNav ul.level1 {
        padding-left: 30px;
        padding-bottom: 15px;
    }
    header .mainNav ul li {
        display: block;
    }
    header .mainNav ul li a {
        display: block;
        padding: 8px 13px 6px 9px;
    }
    header .mainNav ul li.hasSubMenu ul.subLinks {
        left: 0;
        top: 34px;
        width: 92%;
        padding: 4px 4% 8px;
        z-index: 30;
        background: #5E5B5C;
    }
    header .mainNav ul li.hasSubMenu:hover > a.topLevel {
        background: #f99d1c;
    }
    header .mainNav ul li.hasSubMenu ul.subLinks li {
        padding-left: 0;
    }
    header .socialMedia {
        float: right;
    }
    header .headerMiddle{
        width: 100%;
        overflow: visible;
        height: 125px;
    }
    header .headerMiddle h1 a {
        display: block;
        width: 100%;
    }
    header .headerMiddle .phoneNumber {
        float: none !important;
        margin-bottom: 10px;
        width: auto;
    }
    header .logo {
        display: block;
        width: 319px;
        max-width: 100%;
        margin:0px auto;
        float: none !important;
        background-image: url('../images/VBH_blue_logo.png') !important;
        -webkit-background-size: 100% auto !important;
        -o-background-size: 100% auto !important;
        background-size: 100% auto !important;
    }
    header .topLinks {
        display: none;
    }
    .mobileTitle {
        display: block;
    }
    .mainNav ul {
        display: none;
    }
    .mainNav select {
        display: block !important;
        margin: 0 auto;
        max-width: 200px;
        width: 100%;
    }
    section.mainSlider {
        height: auto;
        margin-bottom: 45px;
    }
    section.mainSlider .flexslider {
        width: 100%;
        background: #5e5b5c;
        height: auto;
        margin: 0;
        padding: 0;
    }
    section.mainSlider ul.slides{
        width: 100%;
        height: auto;
        background: #5e5b5c;
        right: 0!important;
        left: 0 !important;
        margin: 0!important;
    }
    section.mainSlider ul li {
        right: 0!important;
        left: 0 !important;
    }
    section.mainSlider ul li .slideContent {
        position: relative;
        background: #5e5b5c;
        width: auto;
        height: auto !important;
        padding-bottom: 25px;
    }
    section.mainSlider ul li .slideContent li {
        padding-bottom: 0;
    }
    section.mainSlider ul li .slideContent h2 a,
    section.mainSlider ul li .slideContent .topText {
        font-size: 20px;
        line-height: 20px;
    }
    section.mainSlider ul li .slideContent p, section.mainSlider ul li .slideContent ul li {
        font-size: 13px;
        line-height: 13px;
        color: #ffffff;
    }
    section.mainSlider .flex-control-nav {
        bottom: -30px;
    }
    section.mainContent {
        width: 100%;
    }
    section.mainContent ul li.item {
        float: none;
        margin: 0 auto 60px auto;
    }
    section.mainContent .textContent .leftAlone {
        float: none;
        max-width: 100%;
        height: auto;
    }

    section.mainContent .sideBar {
        width: 100%;
        margin: 0 auto 20px;
        max-width: 300px;
        display: block;
        float: none;
    }
    section.mainContent .subContent {
        width: 100%;
        float: none;
    }
    section.mainContent .subContent .contentItems .leftCol {
        width: 55%;
        margin-right: 0;
    }
    section.mainContent .subContent .contentItems .rightCol.flexslider {
        width: 40%;
        float: right;
    }
    section.mainContent ul li.item a.topLink {
        position: relative;
    }

    section.bottomContent {
        width: 100%;
    }
    section.bottomContent ul {
        width: 100%;
        margin: 0 auto;
        max-width: 300px;
    }
    section.bottomContent ul li.item {
        width: 232px;
        margin: 0 auto 60px auto;
        max-width: 265px;
        float: none;
    }
    section.bottomContent ul li.item {
        width: 232px;
        padding: 15px 27px 45px 28px;
    }
    section.bottomContent ul li.item.hasLink {
        width: 287px;
        max-width: 287px;
        padding: 0;
    }
    section.bottomContent ul li.item.hasLink a.topLink {
        display: block;
        width: 232px;
        height: 196px;
        padding: 15px 27px 45px 28px;
        position: relative;
    }
    section.bottomContent ul li.item a.subLink {
        width: 60%;
    }
    section.bottomContent ul li.item span.subLink, section.bottomContent ul li.item span.noLinkTxt {
        left: 62px;
        bottom: -10px;
    }
    section.bottomContent ul li.item.hasLink a.readMore {
        top: 0;
    }
    section.bottomContent ul li.item:nth-child(4n) {
        margin-right: auto;
        margin-left: auto;
    }

    section.bottomContent .footerTop .tellFriend {
        text-align: center;
    }
    section.bottomContent .footerTop address {
        float: none;
        width: 100%;
        margin: 0 auto 40px;
        max-width: 300px;
        text-align: center;
    }

    section.mainContent .subContent .leftContent {
        width: 100%;
        float: none;
    }

    section.mainContent .subContent .rightContent {
        width: 100%;
        float: none;
        margin: 0 auto 40px;
        max-width: 212px;
    }


    section.bottomContent .footerTop nav {
        width: 100%;
        float: none;
        padding-bottom: 40px;
    }
    section.bottomContent .footerTop nav ul li,
    section.bottomContent .footerTop nav ul li.last {
        width: 100%;
        float: none;
    }
    section.bottomContent .footerTop nav ul li li {
        margin-bottom: 7px;
    }
    section.bottomContent .smallIcons img {
        max-width: 100%;
        height: auto;
    }
    .sharethis {
        max-width: 300px;
        margin: 0 auto;
    }
    footer {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:420px) {
    .holder { margin-bottom: 0; padding-bottom: 50px; }
    header .headerMiddle { height: auto; }
    header .logo { min-height: 61px; }
    header .headerMiddle h1 a { height: 53px; }
    section.mainContent ul li.item { width: auto; }
    section.mainContent ul li.item.hasLink, section.bottomContent ul li.item.hasLink { width: 100%; }
    section.bottomContent ul li.item.hasLink, section.bottomContent ul { max-width: 100%; }
    section.mainContent ul li.item a.topLink { width: auto; }

    .leftContent form div.field .middleColumn { width: 100%; }
    .leftContent form div.field input { width: 98.5%; }
    .leftContent form div.field textarea { width: 98%; }
}

.sharethis {
    clear: both;
    padding-bottom: 10px;
}

.sharethis .IN-widget {
    position: relative;
    top: 9px;
}

[type="submit"]{
    font-size: 16px;
    background:#F99D1C;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
}

[type="submit"]:hover{
    background: #000000;
    color: #F99D1C;
    border: none;
    cursor: pointer;
}